From 84ad5590bafc58e17ebcf7ebdce2cd70c0c22ea9 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期五, 24 九月 2021 18:54:56 +0800
Subject: [PATCH] 日期时间新版
---
src/pages/vindicate/views/updateSettings.vue | 76 ++++++++++++++++++++++++-------------
1 files changed, 49 insertions(+), 27 deletions(-)
diff --git a/src/pages/vindicate/views/updateSettings.vue b/src/pages/vindicate/views/updateSettings.vue
index 10e68fb..263af29 100644
--- a/src/pages/vindicate/views/updateSettings.vue
+++ b/src/pages/vindicate/views/updateSettings.vue
@@ -104,7 +104,6 @@
<div class="cur-version">褰撳墠鐗堟湰锛歿{ curVersionName }}</div>
</div>
-
<div class="wifi" v-if="activePage == 1">
<div class="content">
<div class="title">绯荤粺鏇存柊璁剧疆</div>
@@ -182,8 +181,8 @@
],
pkgID: "",
tabList: [
- { name: "绯荤粺鏇存柊", icon: "\ue6f2" },
- { name: "鏇存柊璁剧疆", icon: "\ue6db" },
+ { name: "绯荤粺鏇存柊", icon: "\ue735" },
+ { name: "鏇存柊璁剧疆", icon: "\ue733" },
],
};
},
@@ -329,43 +328,58 @@
flex: 1;
flex-basis: auto;
box-sizing: border-box;
+ border-top: 4px solid #f8f8f8;
+ border-left: 4px solid #f8f8f8;
.cluster-center {
height: 100%;
- width: 280px;
+ width: 300px;
overflow: auto;
box-sizing: border-box;
flex-shrink: 0;
- padding: 10px;
- border-right: 5px solid #f8f8f8;
+ padding: 24px 10px 0 10px;
+ border-right: 4px solid #f8f8f8;
.menu-item {
- background-color: #f8f8f8;
- height: 50px;
- margin-bottom: 10px;
+ background-color: #F2F2F7;
+ height: 56px;
+ margin-bottom: 4px;
border-radius: 8px;
- line-height: 50px;
- box-sizing: border-box;
- font-size: 14px;
+ line-height: 56px;
+ box-sizing: border-box;
cursor: pointer;
- padding: 0 20px;
+ padding: 0 15px;
display: flex;
justify-content: space-between;
.con {
.iconfont {
+ width: 32px;
+ height: 26px;
margin-right: 10px;
+ color: #333;
}
.menu-text {
- font-size: 15px;
+ font-size: 16px;
+ font-weight: 700;
}
}
}
- .menu-item-active {
- color: #fff;
- background-color: rgba(61, 104, 225, 1);
+ .menu-item-active {
+ background-color: var(--colorCard);
+ .iconfont {
+ color: #fff !important;
+ }
+ .menu-text {
+ color: #fff;
+ }
}
- .menu-item:hover {
- color: #fff;
- background-color: rgba(61, 104, 225, 1);
+ .menu-item:hover {
+ background-color: var(--colorCard);
+ .iconfont {
+ color: #fff;
+ }
+ .menu-text {
+ color: #fff;
+ }
}
}
.cluster-right {
@@ -374,7 +388,6 @@
overflow: auto;
box-sizing: border-box;
position: relative;
- padding: 20px 40px;
.el-form-item.is-required:not(.is-no-asterisk)
> .el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk)
@@ -515,26 +528,35 @@
}
}
.wifi {
- .content {
- margin-bottom: 20px;
- }
+ padding: 10px 0 0 10px;
.bar {
display: flex;
align-items: center;
height: 50px;
- padding: 0 25px;
background-color: #f8f8f8;
justify-content: space-between;
border-radius: 12px;
margin-bottom: 10px;
+ padding-left:20px ;
.name {
- font-size: 15px;
+ font-size: 14px;
+ font-weight: 700;
}
}
.title {
text-align: left;
- padding: 10px;
+ padding: 17px 0 17px 25px;
font-size: 16px;
+ color:#333;
+ font-weight: 700;
+ }
+ .el-switch{
+ width: 40px;
+ height: 14px;
+ margin-right: 17px;
+ }
+ .is-checked .el-switch__core{
+ background-color: #4E97FF !important;
}
}
--
Gitblit v1.8.0