From 98a835cc45adbe5ef8ee3cca5ad478f7df673b80 Mon Sep 17 00:00:00 2001 From: Liuyi <candymxq888@outlook.com> Date: 星期三, 27 十一月 2024 17:20:33 +0800 Subject: [PATCH] 添加设备管理列表 --- unpackage/dist/dev/mp-weixin/pages/index/index.wxss | 112 ++++++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 89 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 c470a1c..cf8a3ff 100644 --- a/unpackage/dist/dev/mp-weixin/pages/index/index.wxss +++ b/unpackage/dist/dev/mp-weixin/pages/index/index.wxss @@ -43,13 +43,11 @@ .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; @@ -64,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%; @@ -162,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; @@ -293,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