yvan/pet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
yvan
2025-08-13 15:40:19 +08:00
parent 479a246518
commit da67ef6214
10 changed files with 458 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/profile/profile.vue
+44 -31
View File
@@ -80,77 +80,90 @@ export default {
<style lang="scss" scoped>
.container {
background-color: #f8f9fa;
background: linear-gradient(135deg, #FF8A80 0%, #FFB6C1 25%, #FECFEF 50%, #F8BBD9 100%);
min-height: 100vh;
}
.header {
padding: 20rpx 30rpx;
background-color: white;
.title {
font-size: 36rpx;
font-weight: bold;
color: #333;
}
}
.user-info {
background-color: white;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(20rpx);
margin: 20rpx 30rpx;
border-radius: 24rpx;
padding: 40rpx 30rpx;
display: flex;
align-items: center;
margin-bottom: 20rpx;
box-shadow: 0 8rpx 32rpx rgba(255, 138, 128, 0.2);
border: 1rpx solid rgba(255, 255, 255, 0.3);
.avatar {
width: 120rpx;
height: 120rpx;
border-radius: 60rpx;
margin-right: 30rpx;
box-shadow: 0 4rpx 16rpx rgba(255, 138, 128, 0.2);
}
.nickname {
font-size: 32rpx;
font-weight: bold;
color: #333;
font-weight: 600;
color: #FF8A80;
}
}
.login-section {
background-color: white;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(20rpx);
margin: 20rpx 30rpx;
border-radius: 24rpx;
padding: 40rpx 30rpx;
margin-bottom: 20rpx;
box-shadow: 0 8rpx 32rpx rgba(255, 138, 128, 0.2);
border: 1rpx solid rgba(255, 255, 255, 0.3);
.login-btn {
background-color: #07c160;
background: linear-gradient(135deg, #FF8A80 0%, #FFB6C1 100%);
color: white;
border-radius: 10rpx;
border-radius: 24rpx;
font-size: 32rpx;
box-shadow: 0 4rpx 16rpx rgba(255, 138, 128, 0.4);
border: none;
}
}
.menu-list {
background-color: white;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(20rpx);
margin: 20rpx 30rpx;
border-radius: 24rpx;
box-shadow: 0 8rpx 32rpx rgba(255, 138, 128, 0.2);
border: 1rpx solid rgba(255, 255, 255, 0.3);
overflow: hidden;
.menu-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 40rpx 30rpx;
border-bottom: 1rpx solid #f0f0f0;
border-bottom: 1rpx solid rgba(255, 255, 255, 0.3);
transition: all 0.3s ease;
&:last-child {
border-bottom: none;
}
&:active {
background: rgba(255, 138, 128, 0.1);
}
.menu-text {
font-size: 30rpx;
color: #333;
color: #333333;
font-weight: 500;
}
.menu-arrow {
font-size: 28rpx;
color: #999;
color: #FF8A80;
font-weight: 600;
}
}
}