no message

src/pages/shells/index.vue

@@ -1,11 +1,12 @@
 <template>
   <div class="zbox body-container" :class="{'enClass': $i18n.locale === 'en-us'}">
     <el-row type="flex" class="header-container" justify="space-between" align="middle">
-      <el-col :span="3">
+      <el-col :span="4">
         <el-button type="primary" icon="el-icon-s-home" class="button-home" @click="$router.push('/index/home')">{{ $t('index') }}</el-button>
       </el-col>
-      <el-col :span="12">
+      <el-col :span="20">
         <el-row type="flex" justify="end" align="middle">
+          <div class="warn_image" @click="$router.push('/index/warning')"></div>
           <div v-if="JSON.stringify(topInfo) !== '{}'" class="state-item">{{ topInfo.isManual ? '手动模式' : '自动模式' }}</div>
           <div v-if="JSON.stringify(topInfo) !== '{}'" class="state-item">{{ topInfo.state }}</div>
           <div v-if="JSON.stringify(topInfo) !== '{}'" class="relative elec-qty-wrap" :class="{'elec-wraning': topInfo.batteryPower <= 40}">
@@ -209,12 +210,12 @@ export default {
   _wh(.72rem, .25rem)
   _font(.14rem,.25rem,#fff,,center)
   font-family 'Adobe Heiti Std'
-  margin-right .04rem
+  margin-right .08rem
   background center / 100% 100% url(../../images/new/state-item_bg.png) no-repeat
   box-shadow inset 0px 0px 3px 2px rgb(149, 221, 253, 70%)
 .elec-qty-wrap
   _wh(.5rem, .25rem)
-  margin-right .04rem
+  margin-right .08rem
   background center / 100% 100% url(../../images/new/elec.png) no-repeat
   border 1px solid #5ADFBC
   z-index 151
@@ -239,7 +240,7 @@ export default {
   font-family 'Adobe Heiti Std'
 .icon-user
   font-size .24rem
-  margin-right .04rem
+  margin-right .08rem
 .icon-tools
   font-size .24rem
   color #fff
@@ -337,4 +338,8 @@ export default {
   left auto
   right 0
   background-image url(../../images/new/hud_right.png)
+.warn_image
+  _wh(.38rem, .39rem)
+  margin .08rem .08rem 0 0
+  background center / 100% auto url(../../images/new/warn_green.png) no-repeat
 </style>