代码调整

src/views/index/Index-sy.vue

 <template>
   <div class="index">
-    <van-image src="@/assets/indexbanner.png" fit="contain" width="100%;" style="margin: 18px 10px 0;"></van-image>
+    <van-image 
+      src="@/assets/indexbanner.png" 
+      fit="contain"
+      width="100%"
+      style="margin: 18px 10px 0;"></van-image>
     <!-- <div class="header">
       <div class="login" v-if="!isLogin">
          <p>~ 欢迎来到{{APP_NAME}}平台</p>
@@ -28,13 +32,22 @@
       <div
         style="display:flex;flex-direction:row;justify-content:space-between;font-size:16px;color:#353535;margin:16px 0;"
       >
-        <span style="font-weight:500;color:#353535;">我的模版</span>
-        <span style="color:#3F79FE;" @click="showAddFolder = true;">+添加文件夹</span>
-        <!-- <router-link to="addTemplate" tag="p" style="color:#3F79FE;">+添加文件夹</router-link> -->
+        <span 
+          style="font-weight:500;color:#353535;">我的模版</span>
+        <span 
+          style="color:#3F79FE;"
+          @click="showAddFolder = true;">+添加文件夹</span>
       </div>
-        <empty v-if="!list.length && !loading" name="moban" tip="您还未添加模板"></empty>
+        <empty 
+          v-if="!list.length && !loading" 
+          name="moban" 
+          tip="您还未添加模板"></empty>
         <div>
-          <div class="folder-item" v-for="{folder_id, folder_simg_url, folder_name, detail} of list" :key="folder_id" @click="goTemplList(detail, folder_name, folder_id)">
+          <div 
+            v-for="{folder_id, folder_simg_url, folder_name, detail} of list" 
+            :key="folder_id" 
+            @click="goTemplList(detail, folder_name, folder_id)"
+            class="folder-item">
            <van-image
             class="thumb"
             :src="folder_simg_url"
@@ -42,10 +55,16 @@
             ></van-image>
            <div class="title" style="#353535;font-size:18px;font-weight:500;">{{folder_name}}</div>
            <div class="desc" style="color: #AAAAAA;">{{(detail || []).length}}条模版</div>
-           <common-svg @click.stop.native="showMoreAction(folder_name, folder_id)" class="more" name="cunzhengliebiao-gengduo"></common-svg>
+           <common-svg 
+            @click.stop.native="showMoreAction(folder_name, folder_id)"
+            class="more" 
+            name="cunzhengliebiao-gengduo"></common-svg>
           </div>
         </div>
-        <more-action :show.sync="show" :menuList="actionList" @cb="callbackAction"></more-action>
+        <more-action
+          :show.sync="show" 
+          :menuList="actionList" 
+          @cb="callbackAction"></more-action>
     </div>
     <van-dialog
       title="重命名"
@@ -57,13 +76,15 @@
         v-model="currentFolder.folder_name"
       />
     </van-dialog>
-    <add-folder :show.sync="showAddFolder" @cancel="showAddFolder = false" @next="addFolder"></add-folder>
+    <add-folder 
+      :show.sync="showAddFolder" 
+      @cancel="showAddFolder = false" 
+      @next="addFolder"></add-folder>
   </div>
 </template>
 
 <script lang="ts">
 import { Component, Prop, Vue, Watch, Inject, Mixins } from 'vue-property-decorator';
-import { TEMPLATETYPE } from '@/const/enum';
 import { State, Action, namespace } from 'vuex-class';
 import IndexMixin from '@/mixins/Index';
 import AddFolder from '@/views/template/components/AddFolder.vue';