From 681efe897b7fb4dbe8bec5fa5056209e3e0edfdc Mon Sep 17 00:00:00 2001
From: Liuyi <candymxq888@outlook.com>
Date: 星期三, 20 十一月 2024 17:19:57 +0800
Subject: [PATCH] 添加积分商品详情，替换首页海报，调整样式，添加积分规则
---
unpackage/dist/dev/mp-weixin/pages/index/index.wxss | 113 +++++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 90 insertions(+), 23 deletions(-)
diff --git a/unpackage/dist/dev/mp-weixin/pages/index/index.wxss b/unpackage/dist/dev/mp-weixin/pages/index/index.wxss
index 86af3f4..cf8a3ff 100644
--- a/unpackage/dist/dev/mp-weixin/pages/index/index.wxss
+++ b/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%;
@@ -161,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;
@@ -292,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%;
--
Gitblit v1.9.3