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 | 257 ++++++++++++++++++++++++++++----------------------- 1 files changed, 142 insertions(+), 115 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..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%; @@ -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,158 +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 .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; + 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: 48rpx; - height: 48rpx; -} -.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: #fff; +.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; } @@ -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,18 +310,21 @@ 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 { -- Gitblit v1.9.3