fix: 修复“预览模板时无法展示一级标题”的bug

src/components/TemplateDetail.vue

 <template>
   <div class="template-detail">
      <div v-if="Array.isArray(detailInformation)">
+       <div v-for="(item) in detailInformation" :key="item.id">
+         <div class="title-text">
+           {{item.label}}
+         </div>
         <component       
-          v-for="(item) in detailInformation" 
           :key="item.id"
           :value.sync="item.data.value"
           :is="getComponent(item.type)"
           :proofSubItem="item">
           <!--v-model="item.data.value"-->
         </component>
+       </div>
      </div>
-     <component 
+     <component
       v-else-if="detailInformation.type === DataType.Unit"
       :is="getComponent(detailInformation.type)"
       :proofSubItem="detailInformation"
@@ -44,3 +48,11 @@ export default class TemplateDetail extends Vue {
   }
 }
 </script>
+
+<style scoped lang="scss">
+.template-detail{
+  .title-text{
+    text-align: left;
+  }
+}
+</style>

src/views/template/components/PreviewTemplate.vue

@@ -9,7 +9,11 @@
       <template-detail
         :detailInformation="proof" 
         class="detail"
-        style="padding:0 17px;margin-bottom:70px;" ></template-detail>
+        style="padding:0 17px;" ></template-detail>
+      <div class="btn-group" style="opacity:0;position:relative">
+        <div role="button" class="cancel" @click="cancel">取消</div>
+        <div role="button" class="confirm" @click="employ">使用</div>
+      </div>
       <div class="btn-group">
         <div role="button" class="cancel" @click="cancel">取消</div>
         <div role="button" class="confirm" @click="employ">使用</div>
@@ -86,9 +90,6 @@ export default class PreviewTemplate extends Vue {
       ::v-deep .van-cell{
         padding: 12px 0;
       }
-      .detail{
-        margin-bottom: 100px;
-      }
       .btn-group{
         .cancel{
           color: #353535;