From 3ca0bad4532dc4044279f9439f0cb67db0a54239 Mon Sep 17 00:00:00 2001 From: xiaofajia <1665375861@qq.com> Date: Tue, 17 Dec 2024 13:52:08 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/manage/deviceManage.vue | 1 + pages/manage/informationManage.vue | 1 + pages/manage/manage.vue | 670 ++++++++++++++++------------- 3 files changed, 368 insertions(+), 304 deletions(-) diff --git a/pages/manage/deviceManage.vue b/pages/manage/deviceManage.vue index a35e1c5..96474e3 100644 --- a/pages/manage/deviceManage.vue +++ b/pages/manage/deviceManage.vue @@ -454,6 +454,7 @@ justify-content: space-between; box-sizing: border-box; padding: 5px 15px; + margin-top: 2rem; } .t-title{ font-size: 17px; diff --git a/pages/manage/informationManage.vue b/pages/manage/informationManage.vue index 5a5d5c2..c0673e1 100644 --- a/pages/manage/informationManage.vue +++ b/pages/manage/informationManage.vue @@ -395,6 +395,7 @@ import code from '../../uni_modules/uview-ui/libs/config/props/code'; justify-content: space-between; box-sizing: border-box; padding: 5px 15px; + margin-top: 2rem; } .t-title{ font-size: 17px; diff --git a/pages/manage/manage.vue b/pages/manage/manage.vue index 4183ea3..47369de 100644 --- a/pages/manage/manage.vue +++ b/pages/manage/manage.vue @@ -1,316 +1,378 @@ \ No newline at end of file +.q-fab { + position: fixed; + bottom: 50px; + right: 15px; + width: 55px; + height: 55px; + border-radius: 50%; + overflow: hidden; + + image { + width: 100%; + height: 100%; + } +} + +.fab-z1 { + position: fixed; + bottom: 115px; + right: 15px; + width: 50px; + height: 50px; + border-radius: 50%; + overflow: hidden; + + image { + width: 100%; + height: 100%; + } +} + +.fab-z2 { + position: fixed; + bottom: 50px; + right: 80px; + width: 50px; + height: 50px; + border-radius: 50%; + overflow: hidden; + + image { + width: 100%; + height: 100%; + } +} + +.c-tap { + width: 100%; + height: 40px; + box-sizing: border-box; + padding: 15px; + display: flex; + background-color: white; + align-items: center; +} + +.c-top { + display: flex; + align-items: center; + justify-content: space-between; +} + +.c-title { + font-size: 18px; + font-weight: bold +} + +.cont { + width: 100%; + padding: 15px; + padding-top: 25px; + box-sizing: border-box; + background-color: #F6F6F6; + +} + +.hongdian { + width: 15px; + height: 15px; + background-color: crimson; + border-radius: 50%; + overflow: hidden; + position: absolute; + top: 5px; + right: 5px; + z-index: 9999; +} + +.c-box { + width: 100%; + box-sizing: border-box; + padding: 10px; + background-color: white; + margin-top: 10px; + border-radius: 10px; + display: flex; + align-items: center; + justify-content: space-between; + font-size: 20px; + font-weight: bold; + height: 50px; +} + +.c-b-top { + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; +} + +.t-left { + width: 40%; + height: 100px; + border-radius: 7px; + margin-right: 10px; + overflow: hidden; + + image { + width: 100%; + height: 100%; + } + +} + +.t-right { + width: 60%; +} + +.t-tilte { + font-size: 20px; + font-weight: bold; + color: #333333; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + +} + +.tw-tilte { + width: 100%; + text-align: right; + font-size: 16px; + font-weight: bold; + color: #5e5e5e; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + +} + +.t-zi { + font-size: 14px; + font-weight: 400; + color: #666666; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + +} + +.bjimg { + width: 255px; + height: 236px; + margin: 0px auto; + margin-top: 100px; + + image { + width: 100%; + height: 100%; + } +} + +.c-b-bom { + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 5px; +} + +.b-left { + color: #0D2E8D; + font-size: 14px; +} + +.b-right { + display: flex; + justify-content: space-between; + align-items: center; +} + +.z-lv { + display: flex; + align-items: center; + color: #0D2E8D; + font-size: 15px; + margin-right: 10px; +} + +.y-hong { + display: flex; + align-items: center; + color: #fa3534; + font-size: 15px; + margin-right: 15px; +} + +.z-img { + width: 20px; + height: 15px; + + image { + width: 100%; + height: 100%; + } + + margin-right: 2px; +} + +.tap-box { + width: 30%; + text-align: center; +} + +.gang { + height: 4px; + background: #0D2E8D; + width: 80%; + margin: 0px auto; +} + +.lan { + color: #0D2E8D; +} + +.top-heder { + width: 100%; + height: 68px; + background: white; + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; + padding: 5px 15px; + margin-top: 2rem; +} + +.t-title { + font-size: 17px; + font-weight: bold; + color: #333333; +} + +.t-left { + width: 20%; + height: 20px; +} + +.t-you { + width: 20%; + height: 20px; +} + +.btn { + font-size: 18px; + font-weight: normal; + padding: 5px 10px; + border-radius: 5px; + background-color: #326ef6; + color: white; +} +