美化CSS样式

Author: NOTF-API

src/components/DebugList/index.vue

@@ -2,7 +2,8 @@
   <div class="view-container">
     <div class="view-content no-scrollbar">
       <div class="item" @click="handleDebug(dbg.id)" v-for="dbg in debugs">{{
-        $t(`$debug${dbg.id}`) }} <div class="shadowed did">DEBUG {{ dbg.id }}</div></div>
+        $t(`$debug${dbg.id}`) }} <div class="shadowed did">DEBUG {{ dbg.id }}</div>
+      </div>
     </div>
   </div>
 </template>
@@ -19,27 +20,33 @@ const handleDebug = (id) => {
 <style lang="less" scoped>
 @import url("../list.less");
 
-.view-content .item {
-  width: 100% !important;
-  height: 44px;
-  line-height: 44px;
-  font-size: 2rem;
-  font-weight: bold;
-  text-align: left;
-  padding: 0 1rem;
-  justify-content: flex-start;
-  .did{
-    position: absolute;
-    right: 0;
-    top: 10px;
-    height: 1.5rem;
-    line-height: 1.5rem;
-    margin-right: .75rem;
-    width: 7rem;
-    font-size: 24px;
-    text-align: center;
-    background-color: #fff;
-    border-radius: 4px;
+.view-content {
+  border-top: 4px solid #726c69;
+  top: 2rem;
+
+  .item {
+    width: 100% !important;
+    height: 44px;
+    line-height: 44px;
+    font-size: 2rem;
+    font-weight: bold;
+    text-align: left;
+    padding: 0 1rem;
+    justify-content: flex-start;
+
+    .did {
+      position: absolute;
+      right: 0;
+      top: 10px;
+      height: 1.5rem;
+      line-height: 1.5rem;
+      margin-right: .75rem;
+      width: 7rem;
+      font-size: 24px;
+      text-align: center;
+      background-color: #fff;
+      border-radius: 4px;
+    }
   }
 }
 </style>

src/components/LanguageSelect/index.vue

@@ -31,7 +31,6 @@ const handleSelectLanguage = (value) => {
 .lang-select {
   top: 2rem;
   border-top: 4px solid #726c69;
-
 }
 </style>