wxapp/pages/index/index.wxss
2025-04-21 22:59:44 +08:00

117 lines
1.5 KiB
Plaintext

.container {
padding: 0;
background: #f8f8f8;
min-height: 100vh;
}
.header {
background: #2196F3;
padding: 40rpx 30rpx;
color: #fff;
}
.user-info {
display: flex;
align-items: center;
}
.avatar {
width: 120rpx;
height: 120rpx;
border-radius: 50%;
border: 4rpx solid rgba(255, 255, 255, 0.3);
margin-right: 30rpx;
}
.user-detail {
flex: 1;
}
.nickname {
font-size: 36rpx;
font-weight: bold;
margin-bottom: 10rpx;
display: block;
}
.welcome {
font-size: 28rpx;
opacity: 0.8;
}
.login-btn {
background: rgba(255, 255, 255, 0.2);
color: #fff;
font-size: 28rpx;
padding: 10rpx 30rpx;
border-radius: 30rpx;
margin: 0;
}
.stats {
display: flex;
background: #fff;
margin: 20rpx;
border-radius: 16rpx;
padding: 30rpx;
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
}
.stat-item {
flex: 1;
text-align: center;
}
.stat-num {
font-size: 48rpx;
font-weight: bold;
color: #2196F3;
display: block;
margin-bottom: 10rpx;
}
.stat-label {
font-size: 28rpx;
color: #666;
}
.menu-list {
margin: 20rpx;
}
.menu-item {
display: flex;
align-items: center;
background: #fff;
padding: 30rpx;
border-radius: 16rpx;
margin-bottom: 20rpx;
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
}
.menu-icon {
width: 80rpx;
height: 80rpx;
margin-right: 30rpx;
}
.menu-text {
flex: 1;
}
.menu-title {
font-size: 32rpx;
color: #333;
display: block;
margin-bottom: 8rpx;
}
.menu-desc {
font-size: 24rpx;
color: #999;
}
.menu-arrow {
color: #999;
font-size: 32rpx;
}