From ce91379aaa2a8f431e171abc40fe818c4c08c914 Mon Sep 17 00:00:00 2001 From: ZZJ <zzjdsg2300@163.com> Date: 星期三, 22 九月 2021 20:51:15 +0800 Subject: [PATCH] 系统更新 v0 --- src/pages/vindicate/views/updateSettings.vue | 59 +++++++++++++++++++++++++++++++++-------------------------- 1 files changed, 33 insertions(+), 26 deletions(-) diff --git a/src/pages/vindicate/views/updateSettings.vue b/src/pages/vindicate/views/updateSettings.vue index 74a3bcd..7c73428 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> @@ -192,11 +191,6 @@ if (isAutoUpdate==1) { this.checking = false this.upgradeNewVersion() - // this.showWelcome = false; - // this.activeIndex = this.menuArr.findIndex((x) => x.name == menu); - // this.$nextTick(() => { - // this.$refs.netSettings.openRight(2); - // }); }else{ this.fetchUpgradInfo(); } @@ -334,43 +328,48 @@ 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: 26px; + 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); + background-color: #4E94FF; } .menu-item:hover { color: #fff; - background-color: rgba(61, 104, 225, 1); + background-color: #4E94FF; } } .cluster-right { @@ -379,7 +378,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) @@ -520,26 +518,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