fix: 修复选择模板时的预览无法展示完整模板的bug、修改部分UI

src/components/template/TypeSeven.vue

 <template>
-  <div class="van-hairline--bottom type-seven" style="padding-bottom:15px;">
+  <div class="van-hairline--bottom type-seven">
     <div class="title" style="margin-bottom: 10px;color:#666C70;">
       {{ proofSubItem.label }}
     </div>
@@ -38,20 +38,10 @@ export default class TypeSeven extends Vue {
 <style lang="scss" scoped>
 .type-seven {
   text-align: left;
-  padding-bottom: 10px;
+  padding: 10px 0px 15px;
   a {
     word-break: break-all;
     white-space: wrap;
   }
-  .uploader {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    .title {
-      flex: auto;
-      align-content: flex-start;
-      // margin-left: 12px;
-    }
-  }
 }
 </style>

src/views/proof/Detail.vue

@@ -9,7 +9,9 @@
         <li @click="reSendBlockChain(id)">重新上链</li>
       </ul>
     </div>
-    <van-field v-model="name" label="填写存证名称" placeholder="请输入" v-if="!proofName" />
+    <div class="px-4 bg-white">
+      <van-field v-model="name" label="填写存证名称" placeholder="请输入" v-if="!proofName" />
+    </div>
     <template-detail :detailInformation="detail" class="detail" style="margin-bottom:70px;"></template-detail>
     <div class="btn-group" v-if="!baseProof">
       <div style="overflow:hidden;color:#B6B5BA;font-size:14px;white-space:nowrap;margin-right: 10px;flex:auto;text-align:left;">已选模板:<span style="color:#3F79FE;margin-left:10px;">{{proofType}}</span></div>
@@ -374,9 +376,15 @@ export default class Detail extends Vue {
 }
 </script>
 <style scoped lang="scss">
+.px-4{
+  padding: 0 16px;
+}
+.bg-white{
+  background: white;
+}
   .proof-detail{
-    padding: 9px 18px;
-    background: #FFFFFF;
+    padding: 9px 0px;
+    background: #F9F9FB;
     min-height: 100vh;
     ::v-deep .van-field{
       flex-direction: column;

src/views/viewTemplate/components/TemplateListContainer.vue

@@ -54,7 +54,7 @@ export default class Index extends Vue {
   async handleClickPreview() {
     const id = this.selectedId;
     const ret = await this.$api.template.get(id);
-    this.detail = JSON.parse(ret.detail)[0];
+    this.detail = JSON.parse(ret.detail);
     this.previewVisible = true;
   }