WXL
3 天以前 c80bc467a41daa6cbae4e5515a300a8ca98cfeaa
unpackage/dist/dev/mp-weixin/pages/my/index.wxss
@@ -99,6 +99,8 @@
  min-height: 100vh;
  background: #F5F6FA;
  padding-bottom: 40rpx;
  display: flex;
  flex-direction: column;
}
.my-container .user-card {
  background: linear-gradient(135deg, #0f95b0, #89C4C1);
@@ -128,6 +130,18 @@
.my-container .user-card .user-info .info .id {
  font-size: 26rpx;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 4rpx;
  display: block;
}
.my-container .user-card .user-info .info .coordinator {
  font-size: 22rpx;
  color: rgba(255, 255, 255, 0.75);
  display: block;
  margin-top: 4rpx;
}
.my-container .user-card .user-info .info .coordinator text {
  font-size: 20rpx;
  color: rgba(255, 255, 255, 0.65);
}
.my-container .user-card .vip-info {
  text-align: right;
@@ -149,7 +163,7 @@
  border-radius: 24rpx;
  padding: 30rpx;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-columns: repeat(3, 1fr);
  gap: 20rpx;
  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
}
@@ -170,6 +184,8 @@
.my-container .function-list {
  margin-top: 20rpx;
  margin-left: 5rpx;
  flex: 1;
  /* 新增:占据剩余空间 */
}
.my-container .function-list .section {
  margin-bottom: 20rpx;
@@ -241,4 +257,38 @@
}
.my-container .logout-btn:active {
  background: #fafafa;
}
/* 底部统一样式 */
.footer-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10rpx 0 20rpx;
  /* 减少内边距,更紧凑 */
  margin-top: 20rpx;
  /* 与上方内容保持间距 */
}
.footer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tech-logo {
  width: 40rpx;
  height: 40rpx;
  margin: 0 8rpx;
}
.footer-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-text {
  font-size: 22rpx;
  color: #b0b0b0;
}
.tech-text {
  font-size: 24rpx;
  color: #999;
}