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/sysInfo.vue | 50 +++++++++++++++++++++++++++++++++----------------- 1 files changed, 33 insertions(+), 17 deletions(-) diff --git a/src/pages/vindicate/views/sysInfo.vue b/src/pages/vindicate/views/sysInfo.vue index 5c8a9fc..38ac399 100644 --- a/src/pages/vindicate/views/sysInfo.vue +++ b/src/pages/vindicate/views/sysInfo.vue @@ -25,7 +25,7 @@ v-if="serializedNumber != ''" >瀵煎嚭浜у搧瀵嗛挜</el-button > - <div class="desc" style="color: rgba(71, 153, 247, 1)"> + <div class="desc activation"> {{ serializedNumber == "" ? "鏈縺娲�" : "宸叉縺娲�" }} </div> </div> @@ -36,8 +36,8 @@ </div> <div class="bar"> <div class="name">浜у搧瀵嗛挜锛�</div> - <div class="desc" style="font-size: 12px"> - {{ authorization || "--" }} + <div class="desc" > + {{ authorization || "-" }} </div> </div> <div class="bar"> @@ -187,6 +187,7 @@ <style lang="scss"> .v-sys-info { width: 100%; + background-color: #F2F2F7; .el-dialog__header { padding: 15px 20px 10px; text-align: left; @@ -255,7 +256,7 @@ overflow: auto; box-sizing: border-box; position: relative; - padding: 20px 40px; + padding: 10px 15px 0 10px; .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk) @@ -289,28 +290,30 @@ } .auto { .title-bg { - background-color: #f8f8f8; - height: 150px; - border-radius: 12px; - margin-bottom: 20px; + background-color: #fff; + height: 110px; + border-radius: 8px; + margin-bottom: 10px; display: flex; flex-direction: column; justify-content: center; .title { - font-size: 34px; - font-weight: 600; - line-height: 50px; + font-size: 24px; + font-weight: 700; + line-height: 33.6px; } .desc { - font-size: 16px; - line-height: 30px; + margin-top:10px ; + font-size: 12px; + line-height: 16.8px; + font-weight: 700; } } .bar { display: flex; align-items: center; - padding: 12px 25px; - background-color: #f8f8f8; + padding: 12px 40px; + background-color: #fff; justify-content: space-between; border-radius: 12px; margin-bottom: 10px; @@ -319,12 +322,14 @@ align-items: center; } .name { - font-size: 15px; + font-size: 16px; + font-weight: 700; text-align: left; min-width: 180px; } .desc { - font-size: 15px; + font-size: 16px; + font-weight: 700; margin-left: 20px; max-width: 600px; /* overflow: hidden; */ @@ -334,6 +339,17 @@ word-wrap: break-word; text-align: left; } + .activation{ + width: 90px; + height: 28px; + background: rgba(78,148,255,0.1); + border: 1px solid #4E94FF; + border-radius:20px ; + text-align: center; + line-height: 28px; + color: #333; + font-size: 14px; + } .el-input { width: 100%; .el-input { -- Gitblit v1.8.0