From d470e67ac1997882502b75cbfdaf359626cfaaa8 Mon Sep 17 00:00:00 2001 From: Liuyi <candymxq888@outlook.com> Date: 星期五, 20 十二月 2024 17:27:07 +0800 Subject: [PATCH] 测试修复小程序问题,添加水控机设备 --- unpackage/dist/dev/mp-weixin/pages/index/index.wxss | 316 +++++++++++++++++++++++----------------------------- 1 files changed, 138 insertions(+), 178 deletions(-) diff --git a/unpackage/dist/dev/mp-weixin/pages/index/index.wxss b/unpackage/dist/dev/mp-weixin/pages/index/index.wxss index cf8a3ff..f993546 100644 --- a/unpackage/dist/dev/mp-weixin/pages/index/index.wxss +++ b/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%; @@ -65,157 +63,158 @@ } .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 .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 { +.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; -} -.container .content .card-box .card .card-content .card-left.data-v-1cf27b2a { - height: 100%; - display: flex; - justify-content: space-between; - flex-direction: column; - align-items: flex-start; - z-index: 100; -} -.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 { - display: flex; - align-items: center; -} -.container .content .card-box .card .card-content .card-left .left-top view:first-child image.data-v-1cf27b2a { - 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 { + justify-content: space-around; color: #fff; + z-index: 2; } -.container .content .card-box .card .card-content .card-left .left-top view.data-v-1cf27b2a:last-child { - margin-left: 10rpx; - font-size: 26rpx; +.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-content .card-right.data-v-1cf27b2a { - display: flex; - justify-content: space-between; - align-items: flex-end; - flex-direction: column; +.container .content .card-box .card .card-detail.data-v-1cf27b2a { + width: 100%; height: 100%; - z-index: 100; -} -.container .content .card-box .card .card-content .card-right .card-right-top.data-v-1cf27b2a { - align-items: flex-end; + padding: 38rpx; + box-sizing: border-box; display: flex; - justify-content: space-between; flex-direction: column; - font-size: 34rpx; + justify-content: center; + color: #fff; + z-index: 2; } -.container .content .card-box .card .card-content .card-right .card-right-top .user-add-card.data-v-1cf27b2a { +.container .content .card-box .card .card-detail .card-top.data-v-1cf27b2a { + width: 100%; 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; + z-index: 2; } -.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-detail .card-top .vip.data-v-1cf27b2a { + font-size: 114rpx; + font-weight: 600; } -.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-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-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; - text-align: center; - line-height: 56rpx; - color: #212DDE; +.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; + z-index: 2; +} +.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-detail .card-bottom .bottom-left .bottom-left-text.data-v-1cf27b2a { + font-size: 40rpx; + font-weight: 400; + letter-spacing: 2rpx; +} +.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-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: 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; } @@ -234,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%; @@ -271,14 +294,15 @@ align-items: center; } .container .content .function-box2 .box2-content .box2-item .box2-item-img.data-v-1cf27b2a { - width: 90rpx; - height: 90rpx; + 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 image.data-v-1cf27b2a { +.container .content .function-box2 .box2-content .box2-item .box2-item-img .box2-image.data-v-1cf27b2a { width: 48rpx; height: 48rpx; } @@ -286,86 +310,22 @@ 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: 160rpx; + height: 188rpx; padding: 0 32rpx 10rpx; box-sizing: border-box; display: flex; - justify-content: space-around; -} -.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 .advertisement-box .banner-img.data-v-1cf27b2a { + width: 686rpx; + height: 178rpx; } .container .content .service-box.data-v-1cf27b2a { width: 100%; -- Gitblit v1.9.3