fix: 修复文件夹名称长度过长引起的页面布局混乱的问题

src/components/MoreAction.vue

@@ -9,7 +9,7 @@
         :src="iconSrc || require('@/assets/defaulttemplate.png')"
         round
       />
-      <div>
+      <div class="item-info">
         <div class="title-text">{{ title }}</div>
         <div class="update-time">更新于 {{ date | formatTime }}</div>
       </div>
@@ -110,21 +110,28 @@ export default class MoreAction extends Vue {
       height: 28px;
       margin-right: 12px;
     }
-    .title-text {
-      font-size: 14px;
-      font-family: PingFangSC-Regular, PingFang SC;
-      font-weight: 400;
-      color: #353535;
-    }
-    .update-time {
-      font-size: 12px;
-      font-family: PingFangSC-Regular, PingFang SC;
-      font-weight: 400;
-      color: #b6b5ba;
+    .item-info {
+      flex-grow: 1;
+      overflow: hidden;
+      .title-text {
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        font-size: 14px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #353535;
+      }
+      .update-time {
+        font-size: 12px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #b6b5ba;
+      }
     }
   }
   .btn-cancel {
-    border-top: 1px solid #EAEAEB;
+    border-top: 1px solid #eaeaeb;
     text-align: center;
     line-height: 50px;
     height: 50px;

src/views/template/List.vue

@@ -13,7 +13,7 @@
         v-if="isFolderList"
         :to="{ name: 'Add', query: { folderId: id } }"
         tag="p"
-        style="color: #3f79fe"
+        style="color: #3f79fe;white-space:nowrap;"
         > <common-svg name="xuanzemoban-tianjia1" width="11px" style="margin-right:5px"></common-svg>添加模板</router-link
       >
     </div>
@@ -252,6 +252,10 @@ export default class List extends Mixins(TemplateMixin) {
   padding: 11px 14px;
   background: #f9fbff;
   .title{
+    flex-grow: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
     font-size: 14px;
     font-family: PingFangSC-Medium, PingFang SC;
     font-weight: 500;

src/views/template/components/BaseInfo.vue

@@ -41,7 +41,7 @@
         <common-svg name="jinru"></common-svg>
       </label>
       <div class="btn-group">
-        <div @click="handleClickFolder">
+        <div @click="handleClickFolder" class="van-ellipsis">
           <span>所在文件夹</span>:
           <span class="classify">{{ folder && folder.name }}</span>
         </div>
@@ -280,6 +280,7 @@ $bottom-block: calc(40px + 2 * 18px);
       color: #3f79fe;
     }
     .next {
+      white-space: nowrap;
       padding: 10px 37px;
       font-size: 16px;
     }

src/views/template/components/TemplateItem.vue

@@ -68,6 +68,7 @@ export default class TemplateItem extends Vue {
     }
     .title{
       font-weight: 500;
+      width: 100%;
     }
     .desc{
       font-size: 14px;