样式修改

src/assets/scss/common.scss

@@ -39,6 +39,10 @@ body {
     text-align: right;
     padding-right: 24px;
     font-size: 14px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    padding-left: 1em;
   }
 
 // 更改下拉框颜色

src/assets/scss/media.scss

@@ -18,8 +18,10 @@
     //导航
     .nav-wrap {
         .nav-item {
+            line-height: 1.2;
+            font-size: 15px;
             &:not(:first-of-type) {
-                margin-top: 1vh;
+                margin-top: 0.8vh;
             }
             padding: 1.1vh 24px;
         }
@@ -35,6 +37,10 @@
         }
     }
 
+    .ntitle{
+        margin-bottom: 5px;
+    }
+
 
 
 

src/components/alarm.vue

@@ -256,6 +256,9 @@ ul li {
   padding-left: 10px;
   box-sizing: border-box;
   text-align: left;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 16px;
 }
 
 ul {
@@ -286,4 +289,10 @@ ul li {
 //     transform: translate(0, calc(var(--h) * -1px));
 //   }
 // }
+@media only screen and (max-width : 1200px) {
+  .alarm{
+    width: 35vw;
+    
+  }
+}
 </style>