From 0892efe5131551631fe287cfda29e59e4f2f6707 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期六, 09 十月 2021 10:34:17 +0800
Subject: [PATCH] 系统监控

---
 src/pages/settings/views/generalSettings.vue |   61 +++++++++++++++---------------
 1 files changed, 31 insertions(+), 30 deletions(-)

diff --git a/src/pages/settings/views/generalSettings.vue b/src/pages/settings/views/generalSettings.vue
index 5ea45ae..5fdca0a 100644
--- a/src/pages/settings/views/generalSettings.vue
+++ b/src/pages/settings/views/generalSettings.vue
@@ -128,7 +128,7 @@
           </div>
           <div class="bar-group">
             <div
-              class="bar"
+              class="general-bar"
               v-for="(item, i) in soundList"
               :key="i"
               @click="clickSound(item, i)"
@@ -137,7 +137,7 @@
               <div class="left-part">
                 <span class="name">{{ item.name }}</span>
               </div>
-              <div class="btns">
+              <div class="sound-btns">
                 <span @click="togglePlay(item, i)">
                   <span
                     class="iconfont"
@@ -613,28 +613,27 @@
       .bar-group {
         overflow: auto;
         height: 520px;
-      }
-      .bar {
-        height: 48px;
-        background-color: #f8f8f8;
-        border-radius: 10px;
-        line-height: 48px;
-        box-sizing: border-box;
-        padding: 0 20px 0 20px;
-        font-weight: 700;
-        display: flex;
-        justify-content: space-between;
-        margin-bottom: 2px;
-        border: 2px solid #fff;
-        .name {
-          font-size: 14px;
-        }
-        .btns {
-          width: 52px;
+        .general-bar {
+          height: 48px;
+          background-color: #f8f8f8;
+          border-radius: 10px;
+          line-height: 48px;
+          box-sizing: border-box;
+          padding: 0 20px 0 20px;
+          font-weight: 700;
           display: flex;
           justify-content: space-between;
-          color: rgba(191, 191, 191, 1);
-          /*  .el-icon-video-pause {
+          margin-bottom: 2px;
+          border: 2px solid #fff;
+          .name {
+            font-size: 14px;
+          }
+          .sound-btns {
+            width: 52px;
+            display: flex;
+            justify-content: space-between;
+            color: rgba(191, 191, 191, 1);
+            /*  .el-icon-video-pause {
             cursor: pointer;
             font-size: 23px;
             vertical-align: middle;
@@ -646,18 +645,20 @@
             vertical-align: middle;
             color: #409eff;
           } */
-          span {
-            color: #333;
+            span {
+              color: #333;
+            }
+            .del:hover {
+              color: #fc4958;
+            }
           }
-          .del:hover {
-            color: #fc4958;
+          .desc {
+            font-size: 14px;
+            color: rgba(134, 134, 134, 1);
           }
-        }
-        .desc {
-          font-size: 14px;
-          color: rgba(134, 134, 134, 1);
         }
       }
+
       /* .bar:hover {
         border: 2px solid #4E94FF !important;
       } */

--
Gitblit v1.8.0