页面修改

src/components/StoreDesign/imgCube.vue

@@ -233,9 +233,9 @@
         this.addMsg.Name = '';
         this.addMsg.Style = 0;
         this.addMsg.MagicDataList = [];
-        this.defaultMsg.forEach(item=>{
-            item.Link="";
-            item.ImgUrl="";
+        this.defaultMsg.forEach(item => {
+          item.Link = "";
+          item.ImgUrl = "";
         })
       },
       //修改

src/components/sallCenter/plugin/search.vue

@@ -3,13 +3,16 @@
     <div class="diy-component-options" v-if="searchData.isCked">
       <el-button type="primary" icon="el-icon-delete" style="left: -25px; top: 0px;" @click="delPlugin()"></el-button>
       <el-button type="primary" icon="el-icon-document-copy" style="left: -25px; top: 30px;"></el-button>
-        <el-button type="primary" icon="el-icon-arrow-up" v-if="index>0" @click="resetSord(0)" style="right: -25px; top: 0;"></el-button>
-        <el-button type="primary" icon="el-icon-arrow-down" v-if="index!=dataLeng-1" @click="resetSord(1)" style="right: -25px; top: 30px;"></el-button>
+      <el-button type="primary" icon="el-icon-arrow-up" v-if="index>0" @click="resetSord(0)"
+        style="right: -25px; top: 0;"></el-button>
+      <el-button type="primary" icon="el-icon-arrow-down" v-if="index!=dataLeng-1" @click="resetSord(1)"
+        style="right: -25px; top: 30px;"></el-button>
     </div>
     <div class="diy-component-preview">
       <div class="diy-search" :style="{background:searchData.data.background}">
-            <div :style="{background:searchData.data.color,borderRadius:searchData.data.radius+'px',color:searchData.data.textColor,textAlign:searchData.data.textPosition}"
-            >{{searchData.data.placeholder}}
+        <div
+          :style="{background:searchData.data.color,borderRadius:searchData.data.radius+'px',color:searchData.data.textColor,textAlign:searchData.data.textPosition}">
+          {{searchData.data.placeholder}}
         </div>
       </div>
     </div>
@@ -17,19 +20,22 @@
       <el-form label-width="100px">
         <el-form-item label="搜索框颜色">
           <el-color-picker v-model="searchData.data.color" size="small"></el-color-picker>
-                <el-input type="text" v-model="searchData.data.color" size="small" style="width: 80px; margin-right: 25px;"></el-input>
+          <el-input type="text" v-model="searchData.data.color" size="small" style="width: 80px; margin-right: 25px;">
+          </el-input>
         </el-form-item>
         <el-form-item label="背景颜色">
           <el-color-picker v-model="searchData.data.background" size="small"></el-color-picker>
-                <el-input type="text" v-model="searchData.data.background" size="small" style="width: 80px; margin-right: 25px;"></el-input>
+          <el-input type="text" v-model="searchData.data.background" size="small"
+            style="width: 80px; margin-right: 25px;"></el-input>
         </el-form-item>
         <el-form-item label="圆角">
-                <el-input type="number" size="small" v-model="searchData.data.radius">
+          <el-input type="number" size="small" v-model="searchData.data.radius"
+            @keyup.native="checkInteger(searchData.data,'radius')" maxlength="2">
             <template slot="append">px</template>
           </el-input>
         </el-form-item>
         <el-form-item label="提示文字">
-                <el-input type="text" size="small" v-model="searchData.data.placeholder"></el-input>
+          <el-input type="text" size="small" v-model="searchData.data.placeholder" maxlength="10"></el-input>
         </el-form-item>
         <el-form-item label="文字颜色">
           <el-color-picker v-model="searchData.data.textColor" size="small"></el-color-picker>
@@ -44,28 +50,25 @@
 </template>
 <script>
   export default {
-    props: ["searchData","index","dataLeng"],
+    props: ["searchData", "index", "dataLeng"],
     data() {
       return {
 
       };
     },
-    created() {
-    },
+    created() {},
     methods: {
       //向父组件传值 并调用排序
-        resetSord(IsUp){
-            this.$emit('getSord', this.index,IsUp);
+      resetSord(IsUp) {
+        this.$emit('getSord', this.index, IsUp);
       },
       //点击触发父组件删除
-        delPlugin(){
+      delPlugin() {
         this.$emit('comDelPlugin', this.index);
       },
 
     },
-    mounted() {
-    }
+    mounted() {}
   };
 
 </script>
\ No newline at end of file
-