添加积分商品详情，替换首页海报，调整样式，添加积分规则

Liuyi

2024-11-20 681efe897b7fb4dbe8bec5fa5056209e3e0edfdc

 unpackage/dist/dev/mp-weixin/pages/index/index.wxss

@@ -43,17 +43,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 {
@@ -63,23 +62,6 @@
.container .content .card-box .user-info .user-more.data-v-1cf27b2a {
  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%;
@@ -92,6 +74,15 @@
  top: 0;
  position: absolute;
  z-index: 1;
}
.container .content .card-box .card .share-card.data-v-1cf27b2a {
  position: absolute;
  top: 16rpx;
  left: 28rpx;
  z-index: 100;
  font-weight: 400;
  font-size: 36rpx;
  color: #FFFFFF;
}
.container .content .card-box .card .card-content.data-v-1cf27b2a {
  width: 100%;
@@ -122,13 +113,16 @@
  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;
  width: 48rpx;
  height: 48rpx;
}
.container .content .card-box .card .card-content .card-left .left-top view:first-child text.data-v-1cf27b2a {
  font-weight: 400;
  font-size: 36rpx;
  color: #FFFFFF;
}
.container .content .card-box .card .card-content .card-left .left-top view:first-child .lossed.data-v-1cf27b2a {
  color: #fff;
}
.container .content .card-box .card .card-content .card-left .left-top view.data-v-1cf27b2a:last-child {
  margin-left: 10rpx;
@@ -149,6 +143,24 @@
  justify-content: space-between;
  flex-direction: column;
  font-size: 34rpx;
}
.container .content .card-box .card .card-content .card-right .card-right-top .user-add-card.data-v-1cf27b2a {
  display: flex;
  align-items: center;
  height: 52rpx;
  font-size: 28rpx;
  background: linear-gradient(to right, #B1D9FD 0%, #65A7FD 70%, #65A7FD 100%);
  border-radius: 50rpx;
  padding: 0 20rpx;
}
.container .content .card-box .card .card-content .card-right .card-right-top .user-add-card image.data-v-1cf27b2a {
  width: 36rpx;
  height: 36rpx;
  margin-right: 6rpx;
  opacity: 0.8;
}
.container .content .card-box .card .card-content .card-right .card-right-top .user-add-card text.data-v-1cf27b2a {
  color: #FFF;
}
.container .content .card-box .card .card-content .card-right .card-right-top text.data-v-1cf27b2a:last-child {
  font-weight: 500;
@@ -258,9 +270,17 @@
  justify-content: space-between;
  align-items: center;
}
.container .content .function-box2 .box2-content .box2-item image.data-v-1cf27b2a {
.container .content .function-box2 .box2-content .box2-item .box2-item-img.data-v-1cf27b2a {
  width: 90rpx;
  height: 90rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.container .content .function-box2 .box2-content .box2-item .box2-item-img image.data-v-1cf27b2a {
  width: 48rpx;
  height: 48rpx;
}
.container .content .function-box2 .box2-content .box2-item .box2-item-text.data-v-1cf27b2a {
  width: 100%;
@@ -272,13 +292,80 @@
}
.container .content .advertisement-box.data-v-1cf27b2a {
  width: 100%;
  height: 188rpx;
  height: 160rpx;
  padding: 0 32rpx 10rpx;
  box-sizing: border-box;
  display: flex;
  justify-content: space-around;
}
.container .content .advertisement-box image.data-v-1cf27b2a {
  width: 100%;
  height: 178rpx;
.container .content .advertisement-box .point-advert.data-v-1cf27b2a {
  width: 640rpx;
  height: 136rpx;
  border-radius: 10rpx;
  background: linear-gradient(140deg, #5c9dff 0%, #b5dcff 30%, #52aafc 70%, #b5dcff 90%, #5daffc 100%);
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-shadow: 0 0 4rpx 2rpx #4978de;
}
.container .content .advertisement-box .point-advert .advert-title.data-v-1cf27b2a {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  font-size: 46rpx;
  font-weight: 800;
  text-shadow: 4rpx 2rpx #5EA1FA;
}
.container .content .advertisement-box .point-advert .advert-title .advert-title2.data-v-1cf27b2a {
  margin-top: 10rpx;
  font-size: 28rpx;
  font-weight: 500;
  width: 180rpx;
  height: 40rpx;
  background: #5c9dff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30rpx;
  letter-spacing: 2rpx;
}
.container .content .advertisement-box .point-advert .advert-image.data-v-1cf27b2a {
  width: 200rpx;
  height: 100%;
  position: relative;
}
.container .content .advertisement-box .point-advert .advert-image .image-icon1.data-v-1cf27b2a {
  position: absolute;
  left: calc(50% - 65rpx);
  top: calc(50% - 65rpx);
  width: 130rpx;
  height: 130rpx;
  transform: rotate(20deg);
}
.container .content .advertisement-box .point-advert .advert-image .image-icon2.data-v-1cf27b2a {
  position: absolute;
  left: 60%;
  top: calc(50% - 30rpx);
  width: 90rpx;
  height: 90rpx;
  transform: rotate(-10deg);
}
.container .content .advertisement-box .point-advert .advert-image .image-icon3.data-v-1cf27b2a {
  position: absolute;
  left: calc(50% - 100rpx);
  top: 30%;
  width: 80rpx;
  height: 80rpx;
  transform: rotate(-10deg);
}
.container .content .advertisement-box .point-advert .advert-image .image-icon4.data-v-1cf27b2a {
  position: absolute;
  left: 140%;
  top: 60%;
  width: 50rpx;
  height: 50rpx;
  transform: rotate(5deg);
}
.container .content .service-box.data-v-1cf27b2a {
  width: 100%;