登录页

src/layout/components/AppMain.vue

@@ -26,7 +26,7 @@ export default {
   border-radius: 8px;
   /*50 = navbar  */
   min-height: calc(100vh - 50px);
-  width: 98%;
+  width: calc(98% - 20px);
   position: relative;
   overflow: hidden;
 }

src/styles/common.scss

 /**
   公共样式
 */
-
+*{
+  font-family: 'Source Han Sans CN';
+}
 .ml10 {
   margin-left: 10px;
 }
@@ -11,7 +13,7 @@
 }
 
 .mb20 {
-  margin-bottom: 20px;
+  margin-bottom: 24px;
 }
 
 .ml20 {

src/views/alarm/cableTime/index.vue

 <template>
-  <!-- 漏缆实时状态 -->
+  <!-- 漏缆监测告警 -->
   <div class="leakage-cable"><el-button-group>
         <el-button v-for="item in tabs" :key="item.key" :type="activeName === item.key ? 'primary' : ''" @click="changeType(item)">{{ item.label }}</el-button>
       </el-button-group>

src/views/alarm/device/index.vue

 <template>
-  <!-- 漏缆实时状态 -->
+  <!-- 设备连接告警 -->
   <div class="leakage-cable"> 
      <el-button-group>
         <el-button v-for="item in tabs" :key="item.key" :type="activeName === item.key ? 'primary' : ''" @click="changeType(item)">{{ item.label }}</el-button>

src/views/dashboard/index.vue

@@ -5,9 +5,9 @@
     <el-row :gutter="24">
       <el-col :span="12" v-for="item in listData" class="mb20">
         <el-card shadow="never">
-          <div slot="header" class="clearfix">
+          <div slot="header" class="clearfix posa">
             <span>{{ item.title }}</span>
-            <el-button v-if="item.option" style="float: right; padding: 3px 0;margin-right:20px" type="text">保存</el-button>
+            <el-button v-if="item.option" style="float: right; padding: 3px 0;margin-right:20px" type="text" class="savebtn">保存</el-button>
           </div>
           <div v-for="k in item.list" :key="k.name" :class="item.list.length<=2? 'text2' : 'text'">
             <el-row :gutter="24">
@@ -82,6 +82,13 @@ export default {
     padding: 0px;
 }
 }
+.posa{
+  position: relative;
+}
+.savebtn{
+  position: absolute;
+  right:2%;
+}
 // .el-col {
 //   margin-bottom: 20px;
 // }