From 7d28b3476ada033c0927d7816cdd94b9c62bdbd9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BB=B2=E4=B9=88=E4=BA=86?= Date: Fri, 17 Feb 2023 09:03:47 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=88=87=E5=9B=BE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- common/css/base.scss | 32 ++++++++- components/Cn-grid-item/Cn-grid-item.vue | 4 +- components/Cn-grid/Cn-grid.vue | 14 ++-- pages/device/APF/detail.vue | 2 +- pages/device/DVR/detail.vue | 2 +- pages/device/transfer.vue | 4 +- pages/index/comp/indexZhuYongHu.vue | 64 +++++++++++++++--- static/device2.png | Bin 0 -> 3277 bytes static/gateway2.png | Bin 0 -> 5038 bytes uni.scss | 2 +- .../uni-fab/components/uni-fab/uni-fab.vue | 2 +- 11 files changed, 99 insertions(+), 27 deletions(-) create mode 100644 static/device2.png create mode 100644 static/gateway2.png diff --git a/common/css/base.scss b/common/css/base.scss index f5091bc..970b2d1 100644 --- a/common/css/base.scss +++ b/common/css/base.scss @@ -130,14 +130,12 @@ page { } } - .index { .header { margin: 0 30rpx; - background: $uni-theme-white; + background: $uni-theme-blue; border-radius: 12rpx; - background: $uni-color-primary; padding: 30rpx 10rpx 40rpx; display: grid; grid-gap: 60rpx 0; @@ -159,6 +157,34 @@ page { } } + +.nav { + position: sticky; + top: 0; + left: 0; + padding: 30rpx; + display: flex; + background: rgb(243, 244, 245); + z-index: 2; + .nav-menu { + padding: 10rpx 20rpx; + margin-left: 20rpx; + font-size: 28rpx; + border-radius: 8rpx; + background: #ebeaec; + color: #666; + &:first-of-type { + margin-left: 0; + } + + &-active { + background: #dfe5f7; + color: $uni-theme-blue; + } + } + +} + .btn { display: flex; align-items: center; diff --git a/components/Cn-grid-item/Cn-grid-item.vue b/components/Cn-grid-item/Cn-grid-item.vue index f4a4017..7542168 100644 --- a/components/Cn-grid-item/Cn-grid-item.vue +++ b/components/Cn-grid-item/Cn-grid-item.vue @@ -24,7 +24,7 @@ export default { justify-content: center; align-items: center; background: $uni-theme-white; - height: 236rpx; + height: 180rpx; .grid-card-content-item-icon { display: flex; @@ -33,7 +33,7 @@ export default { position: relative; width: 80rpx; height: 80rpx; - background: rgba(78, 159, 255, 1); + background: $uni-theme-yellow; border-radius: 20rpx; .grid-card-content-item-icon-2 { diff --git a/components/Cn-grid/Cn-grid.vue b/components/Cn-grid/Cn-grid.vue index 18edc36..8bb1d0b 100644 --- a/components/Cn-grid/Cn-grid.vue +++ b/components/Cn-grid/Cn-grid.vue @@ -1,8 +1,8 @@