Commit f68c67bc authored by Mac's avatar Mac
parents 621d14a2 852c4c4f
...@@ -144,7 +144,7 @@ ...@@ -144,7 +144,7 @@
<el-button type="text" v-if="addMsg.GoodsId>0">({{addMsg.GoodsId}}){{addMsg.GoodsName}}</el-button> <el-button type="text" v-if="addMsg.GoodsId>0">({{addMsg.GoodsId}}){{addMsg.GoodsName}}</el-button>
<el-button type="text" @click="isShowGoods=true">选择商品</el-button> <el-button type="text" @click="isShowGoods=true">选择商品</el-button>
</el-form-item> </el-form-item>
<el-form-item label="动态文案" prop="MaterialInfo"> <el-form-item label="动态文案"><!-- prop="MaterialInfo"-->
<UeEditor style="width:750px;" :defaultMsg="defaultMsg" :config="config" :IsMultiple="true" <UeEditor style="width:750px;" :defaultMsg="defaultMsg" :config="config" :IsMultiple="true"
ref="UeEditor1"></UeEditor> ref="UeEditor1"></UeEditor>
</el-form-item> </el-form-item>
......
...@@ -21,9 +21,10 @@ ...@@ -21,9 +21,10 @@
</div> </div>
<div class="diy-component-preview"> <div class="diy-component-preview">
<div class="user-info-container" flex="cross:center" style=" background-color: rgba(255,255,255,1);background-size: cover;background-position: center;padding: 50px; <div class="user-info-container" flex="cross:center" style=" background-color: rgba(255,255,255,1);background-size: cover;background-position: center;padding: 50px;
height:156px;box-shadow:0px 6px 12px 0px rgba(76,76,76,0.14);border-radius:20px;" :style="'background-image: url('+getIconLink(data.backgroundPicUrl)+');'"> height:156px;box-shadow:0px 6px 12px 0px rgba(76,76,76,0.14);border-radius:20px;"
:style="'background-image: url('+getIconLink(data.backgroundPicUrl)+');'">
<div style="width: 100%;display:none" :style="cOutBoxStyle"> <div style="width: 100%;display:none" :style="cOutBoxStyle">
<div style="width: 100%;" > <div style="width: 100%;">
<div :style="cAvatarBoxStyle"> <div :style="cAvatarBoxStyle">
<div class="Useravatar-icon"></div> <div class="Useravatar-icon"></div>
</div> </div>
...@@ -43,8 +44,8 @@ ...@@ -43,8 +44,8 @@
<el-input type="text" v-model="data.headInfo" size="small" style="margin-right: 25px;"> <el-input type="text" v-model="data.headInfo" size="small" style="margin-right: 25px;">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="背景图片" > <el-form-item label="背景图片">
<div class="zk_pic_box" @click="choicImg=true" flex="main:center cross:center" <div class="zk_pic_box" @click="checkType=1,choicImg=true" flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(data.backgroundPicUrl) + ')'}"> :style="{backgroundImage:'url(' + getIconLink(data.backgroundPicUrl) + ')'}">
<i v-if="data.backgroundPicUrl==''" class="el-icon-picture-outline"></i> <i v-if="data.backgroundPicUrl==''" class="el-icon-picture-outline"></i>
<el-button type="danger" v-if="data.backgroundPicUrl!=''" class="image-delete" size="mini" <el-button type="danger" v-if="data.backgroundPicUrl!=''" class="image-delete" size="mini"
...@@ -52,6 +53,15 @@ ...@@ -52,6 +53,15 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="按钮图片">
<div class="zk_pic_box" @click="checkType=2,choicImg=true" flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(data.bottonImg) + ')'}">
<i v-if="data.bottonImg==''" class="el-icon-picture-outline"></i>
<el-button type="danger" v-if="data.bottonImg!=''" class="image-delete" size="mini" icon="el-icon-close"
@click.stop="data.bottonImg=''" circle></el-button>
</div>
</el-form-item>
<el-form-item label="背景颜色" style="display:none"> <el-form-item label="背景颜色" style="display:none">
<el-color-picker v-model="data.backgroundColor"></el-color-picker> <el-color-picker v-model="data.backgroundColor"></el-color-picker>
</el-form-item> </el-form-item>
...@@ -72,6 +82,7 @@ ...@@ -72,6 +82,7 @@
}, },
data() { data() {
return { return {
checkType: 1,
choicImg: false, choicImg: false,
data: this.shopinfoData.data, data: this.shopinfoData.data,
}; };
...@@ -90,7 +101,11 @@ ...@@ -90,7 +101,11 @@
}, },
//选择图片 //选择图片
SelectId(msg) { SelectId(msg) {
this.data.backgroundPicUrl = this.getIconLink(msg.url); if (this.checkType == 1) {
this.data.backgroundPicUrl = this.getIconLink(msg.url);
} else {
this.data.bottonImg = this.getIconLink(msg.url);
}
this.choicImg = false; this.choicImg = false;
}, },
}, },
......
...@@ -1248,7 +1248,8 @@ ...@@ -1248,7 +1248,8 @@
headName: "赞羊小店", //用户信息 headName: "赞羊小店", //用户信息
headInfo: "赞美生活,样样满意", //用户介绍 headInfo: "赞美生活,样样满意", //用户介绍
backgroundPicUrl: 'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/shopinfo.jpg', //背景图片 backgroundPicUrl: 'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/shopinfo.jpg', //背景图片
backgroundColor: '#ffffff', //背景颜色 backgroundColor: '#ffffff', //背景颜色
bottonImg:"",//按钮图片
} }
}; };
this.dataList.push(shopInfoObj); this.dataList.push(shopInfoObj);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment