天气预警提示样式调整

src/components/weatherBox/index.vue

@@ -94,6 +94,7 @@ export default {
       if(!this.orgId)return [];
       getTheAreaWeather(this.orgId).then(res => {
         this.lists = res.data || [];
+        
         //模拟数据
         // let str = [
         //   {
@@ -150,7 +151,10 @@ export default {
         //   },
         // ]
         //this.lists = str;
-        if(this.lists.length <= 0) return;
+        if(this.lists.length <= 0){
+          this.$emit('tabsClassChange','tabs-padding-none')
+          return;
+        } 
         this.itemInfo = this.lists[this.index];
         this.changeItem(this.lists[0]);
         this.setAutoTime();

src/views/home/works.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="index-container">
     <nav-bar :leftArrow="false"></nav-bar>
-    <weather-box></weather-box>
+    <weather-box @tabsClassChange="tabsClassChange"></weather-box>
     <!-- 步骤条 -->
-    <van-tabs class="tab-tabs" color="#008cd6" @click="tabClickHandler" v-if="workList && workList.length > 0">
+    <van-tabs :class="tabsClass" color="#008cd6" @click="tabClickHandler" v-if="workList && workList.length > 0">
       <van-tab
         :title="i.taskTypeText"
         :name="worksLink(1, i.taskType)"
@@ -90,6 +90,7 @@ export default {
     return {
       big_box: 'big_box',
       active: 0,
+      tabsClass:'tab-tabs',
       taskId: '', //监控调阅ID
       workList: [], //工作台列表
       oldScrollTop: '',
@@ -108,6 +109,9 @@ export default {
     this.getList()
   },
   methods: {
+    tabsClassChange(str){
+      this.tabsClass=str||'tab-tabs'
+    },
     iColorClas(type, status) {
       if (status == 0|| (type == 9 && status == 1)|| (type == 9 && status == 10) || (type == 0 && status == 1) || (type == 2 && status == 1)) {
         return 'wj-title-blue'
@@ -426,6 +430,9 @@ export default {
 .tab-tabs {
   padding-top: 90px;
 }
+.tabs-padding-none {
+  padding-top: 0px;
+}
 .big_boxTwo {
   height: calc(100vh - 570px);