无模板缺省页面

src/views/template/Index.vue

@@ -39,6 +39,11 @@
           :title="folder_name"
           :desc="`${detail.length}条模板`"
         ></template-item> -->
+         <van-empty 
+            v-if="!list.length"
+            description="您还未添加模板"
+            image="@/assets/notemplate.png">
+          </van-empty>
         <div class="folder-item" v-for="{id, folder_simg_url, folder_name, detail} of list" :key="id" @click="goTemplList(detail)">
            <van-image
             class="thumb"
@@ -54,13 +59,14 @@
 </template>
 <script lang="ts">
 import { Component, Prop, Vue, Watch } from 'vue-property-decorator';
-import { List, Image } from 'vant';
+import { List, Image, Empty } from 'vant';
 import { TEMPLATETYPE } from '@/const/enum';
 import { State, Action } from 'vuex-class';
 @Component({
   components: {
     [List.name]: List,
     [Image.name]: Image,
+    [Empty.name]: Empty,
   },
 })
 export default class Index extends Vue {

src/views/template/List.vue

 <template>
   <div class="template-list">
+      <van-empty 
+        v-if="!list"
+        description="您还未添加模板"
+        image="@/assets/notemplate.png">
+      </van-empty>
      <template-item 
       v-for="{id, s_image_url, name, info} of list" 
       :key="id"
@@ -13,12 +18,13 @@
 </template>
 <script lang="ts">
 import { Component, Prop, Vue, Watch } from 'vue-property-decorator';
-import { List, Image } from 'vant';
+import { List, Image, Empty } from 'vant';
 import { TEMPLATETYPE } from '@/const/enum';
 @Component({
   components: {
     [List.name]: List,
     [Image.name]: Image,
+    [Empty.name]: Empty,
   },
 })
 export default class Index extends Vue {