页面修改

src/components/sallCenter/plugin/shopinfo.vue

@@ -62,12 +62,27 @@
           </div>
         </el-form-item>
 
-        <el-form-item label="背景颜色" >
+        <el-form-item label="背景颜色">
           <el-color-picker v-model="data.backgroundColor"></el-color-picker>
         </el-form-item>
-        <el-form-item label="字体颜色" >
+        <el-form-item label="字体" style="display:none;">
+          <el-input placeholder="请输入内容" v-model="data.fontName">
+            <el-select v-model="select" slot="prepend" placeholder="请选择" @change="GetFontName()">
+              <el-option label="宋体" value="宋体"></el-option>
+            </el-select>
+          </el-input>
+        </el-form-item>
+        <el-form-item label="字体颜色">
           <el-color-picker v-model="data.fontColor"></el-color-picker>
         </el-form-item>
+        <el-form-item label="字体大小">
+          <el-input v-model="data.fontSize" size="small" type="number" min="12" max="50">
+            <template slot="append">px</template>
+          </el-input>
+        </el-form-item>
+        <el-form-item label="是否加粗">
+          <el-checkbox v-model="data.isBold" true-label="true" false-label="false">加粗</el-checkbox>
+        </el-form-item>
       </el-form>
     </div>
     <!-- 选择图片文件 -->
@@ -85,6 +100,7 @@
     },
     data() {
       return {
+        select: "",
         checkType: 1,
         choicImg: false,
         data: this.shopinfoData.data,
@@ -94,6 +110,11 @@
 
     },
     methods: {
+      GetFontName() {
+        if (this.select) {
+          this.data.fontName = this.select;
+        }
+      },
       //向父组件传值 并调用排序
       resetSord(IsUp) {
         this.$emit('getSord', this.index, IsUp);

src/components/sallCenter/templateEdit.vue

@@ -1251,6 +1251,9 @@
                 backgroundColor: '#ffffff', //背景颜色      
                 bottonImg:"",//按钮图片   
                 fontColor:"",//字体颜色
+                fontName:"",//字体
+                fontSize:12,//字体大小
+                isBold:"true",//是否加粗
               }
             };
             this.dataList.push(shopInfoObj);