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