调整错误

src/apps/AppAskForm/components/PreviewForm.vue

@@ -1,12 +1,13 @@
 <template>
   <div class="add-form">
     <div class="header-pic">
-      <image v-if="form.headPicture" :src="form.headPicture" />
+      <image v-if="form.headPicture" :src="form.headPicture"/>
     </div>
     <div class="form-info">
       <div class="form-info__wrapper">
         <textarea class="title" :auto-height="true" disabled placeholder="请输入标题 (必填）" v-model="form.title"></textarea>
-        <u-input class="content" disabled :clearable="false" type="textarea" v-model="form.tableExplain" placeholder="请输入表单描述 (选填）" :height="80" :auto-height="true" :maxlength="255"></u-input>
+        <u-input class="content" disabled :clearable="false" type="textarea" v-model="form.tableExplain"
+                 placeholder="请输入表单描述 (选填）" :height="80" :auto-height="true" :maxlength="255"></u-input>
       </div>
     </div>
     <div class="components-list">
@@ -38,12 +39,12 @@
           <template v-if="(item.type === 'select')">
             <div class="components-item__select">
               <span>{{ item.placeholder }}</span>
-              <u-icon name="arrow-down" color="#DEDFDF" />
+              <u-icon name="arrow-down" color="#DEDFDF"/>
             </div>
           </template>
           <template v-if="(item.type === 'upload')">
             <div class="components-item__select components-item__textarea components-item__upload">
-              <image :src="`${$cdn}askform/upload.png`" />
+              <image :src="`${$cdn}askform/upload.png`"/>
               <span>选择图片（2M以内）</span>
             </div>
           </template>
@@ -60,16 +61,17 @@
         </div>
       </div>
     </div>
-    <AiBack custom @back="$emit('back')"></AiBack>
+    <AiBack custom @back="$emit('back')"/>
   </div>
 </template>
 
 <script>
-  import AiBack from "@/components/AiBack";
+import AiBack from "../../../components/AiBack";
-  export default {
-    props: ['formData', 'targetListData'],
 
-    data () {
+export default {
+  components: {AiBack},
+  props: ['formData', 'targetListData'],
+  data() {
     return {
       form: {
         tableExplain: '详细描述',
@@ -99,17 +101,13 @@
     }
   },
 
-    mounted () {
+  mounted() {
     this.form = this.formData
     this.targetList = this.targetListData
   },
 
-    components: {
-      AiBack
-    },
-
   methods: {
-      getInfo (id) {
+    getInfo(id) {
       uni.showLoading()
       this.$http.post(`/app/appquestionnairetemplate/queryDetailById?id=${id}`).then(res => {
         if (res.code == 0) {
@@ -135,11 +133,11 @@
       })
     }
   }
-  }
+}
 </script>
 
 <style lang="scss" scoped>
-  .add-form {
+.add-form {
   min-height: 100vh;
   padding-bottom: 60px;
   box-sizing: border-box;
@@ -193,6 +191,7 @@
           }
         }
       }
+
       span {
         flex: 1;
         color: #666;
@@ -421,12 +420,12 @@
       }
 
       .content {
-          padding: 30px 0!important;
+        padding: 30px 0 !important;
         font-size: 28px;
 
         ::v-deep textarea {
           color: #333;
-            font-size: 28px!important;
+          font-size: 28px !important;
         }
       }
     }
@@ -456,5 +455,5 @@
       height: 320px;
     }
   }
-  }
+}
 </style>