修改

src/components/sallCenter/plugin/banner.vue

@@ -128,9 +128,8 @@
             <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="banner-container bannerTopRadis" :style="{height:banData.data.height+'px',borderRadius:banData.data.radius+'px',
-            marginBottom:banData.data.topAndBottom+'px',marginTop:banData.data.topAndBottom+'px',marginLeft:banData.data.leftAndRight+'px',marginRight:banData.data.leftAndRight+'px'}">
+        <div class="diy-component-preview" :style="{backgroundColor:banData.data.background,paddingBottom:banData.data.topAndBottom+'px',paddingTop:banData.data.topAndBottom+'px',paddingLeft:banData.data.leftAndRight+'px',paddingRight:banData.data.leftAndRight+'px'}">
+            <div class="banner-container bannerTopRadis" :style="{height:banData.data.height+'px',borderRadius:banData.data.radius+'px'}">
                 <el-carousel :interval="3000" arrow="always" v-if="banData.data.style==1" :height="banData.data.height+'px'">
                     <el-carousel-item v-for="(item,index) in banData.data.banners" :key="index">
                         <div class="banner-img" :class="banData.data.fill==1?'banner-img-cover':'banner-img-contain'" :style="{backgroundImage:'url('+getIconLink(item.picUrl)+')'}"></div>
@@ -217,6 +216,9 @@
                         <template slot="append">px</template>
                     </el-input>
                 </el-form-item>
+                <el-form-item label="背景色">
+                    <el-color-picker v-model="banData.data.background"></el-color-picker>
+                </el-form-item>
             </el-form>
         </div>
         <el-dialog title="选择链接" :visible.sync="isShowLink" width="800px">

src/components/sallCenter/templateEdit.vue

@@ -569,7 +569,8 @@
                 banners: [], //轮播图
                 radius:0, //圆角
                 topAndBottom:0, //上下边距
-                leftAndRight:0 //左右边距
+                leftAndRight:0, //左右边距
+                background:'' //背景色
               }
             }
             this.dataList.push(banObj);