Liuyi
2024-12-20 d470e67ac1997882502b75cbfdaf359626cfaaa8
unpackage/dist/dev/mp-weixin/pages/index/index.wxss
@@ -25,13 +25,11 @@
/* 文章场景相关 */
.container.data-v-1cf27b2a {
  width: 100%;
  height: 100vh;
  overflow: scroll;
}
.container .content.data-v-1cf27b2a {
  width: 100%;
  height: 100vh;
  background: #F6F6F6;
  overflow: scroll;
}
.container .content .card-box.data-v-1cf27b2a {
  width: 100%;
@@ -43,17 +41,16 @@
.container .content .card-box .user-info.data-v-1cf27b2a {
  width: 100%;
  height: 100rpx;
  display: flex;
  align-items: center;
  padding-left: 15rpx;
  box-sizing: border-box;
  margin-bottom: 14rpx;
  display: flex;
  position: relative;
}
.container .content .card-box .user-info .user-img.data-v-1cf27b2a {
  width: 90rpx;
  height: 90rpx;
  border-radius: 50%;
  margin-right: 20rpx;
}
.container .content .card-box .user-info text.data-v-1cf27b2a {
@@ -64,149 +61,160 @@
  width: 12rpx;
  height: 28rpx;
}
.container .content .card-box .user-info .user-add-card.data-v-1cf27b2a {
  display: flex;
  align-items: center;
  height: 40rpx;
  font-size: 22rpx;
  background: linear-gradient(to right, #B1D9FD, #65A7FD);
  border-radius: 50rpx;
  padding: 0 8rpx;
  position: absolute;
  bottom: 0;
  right: 0;
}
.container .content .card-box .user-info .user-add-card image.data-v-1cf27b2a {
  width: 28rpx;
  height: 28rpx;
  margin-right: 10rpx;
}
.container .content .card-box .card.data-v-1cf27b2a {
  width: 100%;
  height: 290rpx;
  height: 256rpx;
  position: relative;
}
.container .content .card-box .card .card-bg.data-v-1cf27b2a {
  height: 290rpx;
  height: 256rpx;
  width: 100%;
  top: 0;
  position: absolute;
  z-index: 1;
}
.container .content .card-box .card .card-content.data-v-1cf27b2a {
.container .content .card-box .card .card-none.data-v-1cf27b2a {
  width: 100%;
  height: 100%;
  padding: 38rpx;
  box-sizing: border-box;
  padding: 20rpx 15rpx;
  display: flex;
  justify-content: space-between;
  font-weight: 300;
  font-size: 30rpx;
  color: #FFFFFF;
  z-index: 100;
  flex-direction: column;
  justify-content: space-around;
  color: #fff;
  z-index: 2;
}
.container .content .card-box .card .card-content .card-left.data-v-1cf27b2a {
.container .content .card-box .card .card-none .card-none-top.data-v-1cf27b2a {
  font-size: 40rpx;
  font-weight: 600;
  z-index: 2;
  letter-spacing: 2rpx;
}
.container .content .card-box .card .card-none .card-none-bottom.data-v-1cf27b2a {
  display: flex;
  justify-content: flex-end;
  z-index: 2;
}
.container .content .card-box .card .card-none .card-none-bottom .card-btn.data-v-1cf27b2a {
  width: 196rpx;
  height: 80rpx;
  background: linear-gradient(to right, #338AFD 0%, #65A7FD 100%);
  border-radius: 40rpx;
  text-align: center;
  line-height: 80rpx;
  font-size: 44rpx;
  letter-spacing: 3rpx;
  font-weight: 500;
}
.container .content .card-box .card .card-detail.data-v-1cf27b2a {
  width: 100%;
  height: 100%;
  padding: 38rpx;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  z-index: 2;
}
.container .content .card-box .card .card-detail .card-top.data-v-1cf27b2a {
  width: 100%;
  display: flex;
  align-items: center;
  z-index: 2;
}
.container .content .card-box .card .card-detail .card-top .vip.data-v-1cf27b2a {
  font-size: 114rpx;
  font-weight: 600;
}
.container .content .card-box .card .card-detail .card-top .top-right.data-v-1cf27b2a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 20rpx;
}
.container .content .card-box .card .card-detail .card-top .top-right .card-name.data-v-1cf27b2a {
  font-size: 40rpx;
  font-weight: 400;
}
.container .content .card-box .card .card-detail .card-top .top-right .card-name .card-loss.data-v-1cf27b2a {
  font-size: 34rpx;
  font-weight: 600;
  margin-left: 10rpx;
  letter-spacing: 2rpx;
  color: #333434;
}
.container .content .card-box .card .card-detail .card-top .top-right .card-num.data-v-1cf27b2a {
  font-size: 34rpx;
  font-weight: 400;
}
.container .content .card-box .card .card-detail .card-bottom.data-v-1cf27b2a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
  z-index: 100;
  z-index: 2;
}
.container .content .card-box .card .card-content .card-left .left-top.data-v-1cf27b2a {
  display: flex;
  flex-direction: column;
}
.container .content .card-box .card .card-content .card-left .left-top view.data-v-1cf27b2a:first-child {
.container .content .card-box .card .card-detail .card-bottom .bottom-left.data-v-1cf27b2a {
  display: flex;
  align-items: center;
}
.container .content .card-box .card .card-content .card-left .left-top view:first-child image.data-v-1cf27b2a {
  width: 70rpx;
  height: 70rpx;
}
.container .content .card-box .card .card-content .card-left .left-top view:first-child text.data-v-1cf27b2a {
.container .content .card-box .card .card-detail .card-bottom .bottom-left .bottom-left-text.data-v-1cf27b2a {
  font-size: 40rpx;
  font-weight: 400;
  font-size: 36rpx;
  color: #FFFFFF;
  letter-spacing: 2rpx;
}
.container .content .card-box .card .card-content .card-left .left-top view:first-child .lossed.data-v-1cf27b2a {
  color: #344ede;
.container .content .card-box .card .card-detail .card-bottom .bottom-left .bottom-left-money.data-v-1cf27b2a {
  font-size: 60rpx;
  font-weight: 600;
}
.container .content .card-box .card .card-content .card-left .left-top view.data-v-1cf27b2a:last-child {
  margin-left: 10rpx;
  font-size: 26rpx;
  font-weight: 500;
}
.container .content .card-box .card .card-content .card-right.data-v-1cf27b2a {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: column;
  height: 100%;
  z-index: 100;
}
.container .content .card-box .card .card-content .card-right .card-right-top.data-v-1cf27b2a {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  font-size: 34rpx;
}
.container .content .card-box .card .card-content .card-right .card-right-top text.data-v-1cf27b2a:last-child {
  font-weight: 500;
}
.container .content .card-box .card .card-content .card-right .card-right-bottom.data-v-1cf27b2a {
  width: 137rpx;
  height: 56rpx;
  background: linear-gradient(to right, #65A7FD, #B1D9FD);
  border-radius: 50rpx;
.container .content .card-box .card .card-detail .card-bottom .card-btn.data-v-1cf27b2a {
  width: 196rpx;
  height: 80rpx;
  background: linear-gradient(270deg, #65B5FD 0%, #338AFD 100%, #65A7FD 100%);
  border-radius: 40rpx;
  text-align: center;
  line-height: 56rpx;
  color: #212DDE;
  font-weight: 400;
  line-height: 80rpx;
  font-size: 48rpx;
  letter-spacing: 6rpx;
}
.container .content .function-box1.data-v-1cf27b2a {
  width: 100%;
  box-sizing: border-box;
  height: 215rpx;
  padding: 20rpx 32rpx 15rpx;
  height: 172rpx;
  padding: 20rpx 32rpx 22rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 36rpx;
  font-weight: 500;
  color: #4d4d4d;
  letter-spacing: 2rpx;
}
.container .content .function-box1 .box1-bg.data-v-1cf27b2a {
  width: 212rpx;
  height: 180rpx;
  width: 326rpx;
  height: 130rpx;
  border-radius: 24rpx;
  background: #fff;
  box-shadow: 0 0 12rpx 2rpx rgba(13, 118, 255, 0.16);
  box-shadow: 0 0 12rpx 3rpx rgba(13, 118, 255, 0.16);
}
.container .content .function-box1 .box1-one.data-v-1cf27b2a {
  font-weight: 300;
  font-size: 32rpx;
  color: #000000;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  justify-content: space-evenly;
}
.container .content .function-box1 .box1-one image.data-v-1cf27b2a {
.container .content .function-box1 .box1-one .box-one-image1.data-v-1cf27b2a {
  width: 86rpx;
  height: 78rpx;
  margin-bottom: 20rpx;
  height: 86rpx;
}
.container .content .function-box1 .box1-two.data-v-1cf27b2a {
  font-weight: 300;
  font-size: 32rpx;
  color: #000000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}
.container .content .function-box1 .box1-two image.data-v-1cf27b2a {
.container .content .function-box1 .box1-two .box-one-image2.data-v-1cf27b2a {
  width: 96rpx;
  height: 96rpx;
}
@@ -225,11 +233,35 @@
  height: 83rpx;
  margin-bottom: 20rpx;
}
.container .content .scan-box.data-v-1cf27b2a {
  width: 100%;
  height: 116rpx;
  padding: 0 42rpx 16rpx;
  box-sizing: border-box;
}
.container .content .scan-box .scan.data-v-1cf27b2a {
  width: 100%;
  height: 100rpx;
  background: #1678FF;
  border-radius: 178rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 44rpx;
  font-weight: 500;
  letter-spacing: 1rpx;
}
.container .content .scan-box .scan .scan-img.data-v-1cf27b2a {
  width: 44rpx;
  height: 44rpx;
  margin-right: 20rpx;
}
.container .content .function-box2.data-v-1cf27b2a {
  width: 100%;
  box-sizing: border-box;
  height: 429rpx;
  padding: 0 32rpx 15rpx;
  height: 420rpx;
  padding: 0 32rpx 0;
}
.container .content .function-box2 .box2-title.data-v-1cf27b2a {
  width: 100%;
@@ -261,26 +293,38 @@
  justify-content: space-between;
  align-items: center;
}
.container .content .function-box2 .box2-content .box2-item image.data-v-1cf27b2a {
  width: 90rpx;
  height: 90rpx;
.container .content .function-box2 .box2-content .box2-item .box2-item-img.data-v-1cf27b2a {
  width: 100rpx;
  height: 100rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #5EA1FA;
  border-radius: 50%;
}
.container .content .function-box2 .box2-content .box2-item .box2-item-img .box2-image.data-v-1cf27b2a {
  width: 48rpx;
  height: 48rpx;
}
.container .content .function-box2 .box2-content .box2-item .box2-item-text.data-v-1cf27b2a {
  width: 100%;
  height: 40rpx;
  font-weight: 300;
  font-size: 28rpx;
  color: #000000;
  font-size: 30rpx;
  color: #3e3e3e;
  text-align: center;
  font-weight: 600;
}
.container .content .advertisement-box.data-v-1cf27b2a {
  width: 100%;
  height: 188rpx;
  padding: 0 32rpx 10rpx;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}
.container .content .advertisement-box image.data-v-1cf27b2a {
  width: 100%;
.container .content .advertisement-box .banner-img.data-v-1cf27b2a {
  width: 686rpx;
  height: 178rpx;
}
.container .content .service-box.data-v-1cf27b2a {