update

src/views/overview/index.vue

@@ -129,7 +129,8 @@
             </van-tab>
         </van-tabs>
         <div class='bottom'>
-            <span v-if='false'>近一个月,重要维保8条,重要维修3条</span>
+            <!-- <span v-if='false'>近一个月,重要维保8条,重要维修3条,其他事项5条,综合事项10条</span> -->
+            <van-notice-bar  v-if='true' class='bottom-notice' background='#e5eef6' color='#025baa' speed='50' scrollable text='近一个月,重要维保8条,重要维修3条,其他事项5条,综合事项10条' />
             <span v-else>近一个月,说明书无更新</span>
             <van-icon v-show='true' class='building-arrow' name='arrow' size='14px' @click='goToUpdateRecord' />
         </div>
@@ -140,6 +141,8 @@ import Vue from 'vue'
 import { Button, Icon, Swipe, SwipeItem, Lazyload, Image as VanImage, Tab, Tabs } from 'vant'
 Vue.use(Button).use(Icon).use(Swipe).use(SwipeItem).use(Lazyload).use(VanImage)
 Vue.use(Tab).use(Tabs)
+import { NoticeBar } from 'vant'
+Vue.use(NoticeBar)
 import ImagePreview1 from '@/components/ImagePreview'
 // import ConstructionUnitInfo from './ConstructionUnitInfo'
 export default {
@@ -185,7 +188,6 @@ export default {
          * 跳转说明书更新记录
          */
         goToUpdateRecord() {
-            
             this.$router.push({ name: 'UpdateRecord' })
         },
     },
@@ -375,13 +377,17 @@ export default {
         bottom: 50px;
         left: 0;
         height: 44px;
-        padding: 0 16px;
+        // padding-right:16px;
         background: #e5eef6;
         color: #025baa;
         font-size: 14px;
+        .bottom-notice {
+            flex: 1;
+        }
         .building-arrow {
-            position: absolute;
-            right: 16px;
+            // position: absolute;
+            width: 20px;
+            // right: 16px;
         }
     }
 }