Skip to content

E
ElectricitySheep
Commit e44e28af authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent e27970c4
Hide whitespace changes
Inline Side-by-side
Showing with 22 additions and 24 deletions
src/components/UserMan/customSet.vue
View file @ e44e28af
......@@ -14,7 +14,7 @@
<div class="el-scrollbar__view">
<div>
<div class="el-image" style="display: block; width: 100%; height: 150px;">
<img :src="getIconLink(addMsg.HeadImagePath)" class="el-image__inner">
<img :src="getIconLink(addMsg.HeadImage)" class="el-image__inner">
</div>
<div style="background: rgb(255, 255, 255); height: 40px; padding: 0px 14px;">
<div flex="cross:center"
......@@ -56,7 +56,7 @@
{{addMsg.ButtonText}}
</div>
<div class="el-image" style="display: block; width: 100%;">
<img :src="getIconLink(addMsg.BottomImagePath)" class="el-image__inner">
<img :src="getIconLink(addMsg.BottomImage)" class="el-image__inner">
</div>
</div>
</div>
......@@ -75,28 +75,28 @@
<el-form style="padding:20px 0;background:#fff" ref="addMsg" :model="addMsg" label-width="100px">
<el-form-item label="头部图片">
<el-button @click="openChangeDig(1)" size="mini">选择文件</el-button>
<el-button @click="addMsg.HeadImagePath=HeadImagePath" size="mini" type="primary">恢复默认</el-button>
<el-button @click="addMsg.HeadImage=HeadImagePath" size="mini" type="primary">恢复默认</el-button>
<div style="position: relative;margin-top:10px;width:80px;cursor: move;">
<img @click="openChangeDig(1)" v-if="addMsg.HeadImagePath==''" style="width:100px;height:100px"
<img @click="openChangeDig(1)" v-if="addMsg.HeadImage==''" style="width:100px;height:100px"
src="../../assets/img/default.png" alt="">
<div v-else class="app-image"
:style="{backgroundImage:'url(' + getIconLink(addMsg.HeadImagePath) + ')',backgroundSize:'cover'}">
:style="{backgroundImage:'url(' + getIconLink(addMsg.HeadImage) + ')',backgroundSize:'cover'}">
</div>
<button @click="addMsg.HeadImagePath=''" type="button"
<button @click="addMsg.HeadImage=''" type="button"
class="el-button del-btn el-button--danger el-button--mini is-circle"><i
class="el-icon-close"></i></button>
</div>
</el-form-item>
<el-form-item label="底部图片">
<el-button @click="openChangeDig(2)" size="mini">选择文件</el-button>
<el-button @click="addMsg.BottomImagePath=BottomImagePath" size="mini" type="primary">恢复默认</el-button>
<el-button @click="addMsg.BottomImage=BottomImagePath" size="mini" type="primary">恢复默认</el-button>
<div style="position: relative;margin-top:10px;width:80px;cursor: move;">
<img @click="openChangeDig(2)" v-if="addMsg.BottomImagePath==''" style="width:100px;height:100px"
<img @click="openChangeDig(2)" v-if="addMsg.BottomImage==''" style="width:100px;height:100px"
src="../../assets/img/default.png" alt="">
<div v-else class="app-image"
:style="{backgroundImage:'url(' + getIconLink(addMsg.BottomImagePath) + ')',backgroundSize:'cover'}">
:style="{backgroundImage:'url(' + getIconLink(addMsg.BottomImage) + ')',backgroundSize:'cover'}">
</div>
<button @click="addMsg.BottomImagePath=''" type="button"
<button @click="addMsg.BottomImage=''" type="button"
class="el-button del-btn el-button--danger el-button--mini is-circle"><i
class="el-icon-close"></i></button>
</div>
......@@ -242,43 +242,43 @@
<div class="title">栏目</div>
<div class="form-body el-row fxzx">
<div flex="dir-left" style="border-radius: 3px; width: 70%; margin-left: 2.5%;">
<span @click="openIcon(3,addMsg.DistributionCommissionName,addMsg.DistributionCommissionImagePath)"
<span @click="openIcon(3,addMsg.DistributionCommissionName,addMsg.DistributionCommissionImage)"
flex="dir:top main:center cross:center"
style="cursor: pointer; height: 100px; width: 100px; border: 1px solid rgb(227, 227, 227); margin-left: -1px;">
<div class="app-image"
:style="{backgroundImage:'url(' + getIconLink(addMsg.DistributionCommissionImagePath) + ')',backgroundSize:'cover'}">
:style="{backgroundImage:'url(' + getIconLink(addMsg.DistributionCommissionImage) + ')',backgroundSize:'cover'}">
</div>
<div style="margin-top: 8px;">{{addMsg.DistributionCommissionName}}</div>
</span>
<span @click="openIcon(4,addMsg.DistributionOrderName,addMsg.DistributionOrderImagePath)"
<span @click="openIcon(4,addMsg.DistributionOrderName,addMsg.DistributionOrderImage)"
flex="dir:top main:center cross:center"
style="cursor: pointer; height: 100px; width: 100px; border: 1px solid rgb(227, 227, 227); margin-left: -1px;">
<div class="app-image"
:style="{backgroundImage:'url(' + getIconLink(addMsg.DistributionOrderImagePath) + ')',backgroundSize:'cover'}">
:style="{backgroundImage:'url(' + getIconLink(addMsg.DistributionOrderImage) + ')',backgroundSize:'cover'}">
</div>
<div style="margin-top: 8px;">{{addMsg.DistributionOrderName}}</div>
</span>
<span @click="openIcon(5,addMsg.WithdrawDetialsName,addMsg.WithdrawDetialsImagePath)"
<span @click="openIcon(5,addMsg.WithdrawDetialsName,addMsg.WithdrawDetialsImage)"
flex="dir:top main:center cross:center"
style="cursor: pointer; height: 100px; width: 100px; border: 1px solid rgb(227, 227, 227); margin-left: -1px;">
<div class="app-image"
:style="{backgroundImage:'url(' + getIconLink(addMsg.WithdrawDetialsImagePath) + ')',backgroundSize:'cover'}">
:style="{backgroundImage:'url(' + getIconLink(addMsg.WithdrawDetialsImage) + ')',backgroundSize:'cover'}">
</div>
<div style="margin-top: 8px;"> {{addMsg.WithdrawDetialsName}}</div>
</span>
<span @click="openIcon(6,addMsg.MyTeamName,addMsg.MyTeamImagePath)"
<span @click="openIcon(6,addMsg.MyTeamName,addMsg.MyTeamImage)"
flex="dir:top main:center cross:center"
style="cursor: pointer; height: 100px; width: 100px; border: 1px solid rgb(227, 227, 227); margin-left: -1px;">
<div class="app-image"
:style="{backgroundImage:'url(' + getIconLink(addMsg.MyTeamImagePath) + ')',backgroundSize:'cover'}">
:style="{backgroundImage:'url(' + getIconLink(addMsg.MyTeamImage) + ')',backgroundSize:'cover'}">
</div>
<div style="margin-top: 8px;">{{addMsg.MyTeamName}}</div>
</span>
<span @click="openIcon(7,addMsg.PromoteQRCodeName,addMsg.PromoteQRCodeImagePath)"
<span @click="openIcon(7,addMsg.PromoteQRCodeName,addMsg.PromoteQRCodeImage)"
flex="dir:top main:center cross:center"
style="cursor: pointer; height: 100px; width: 100px; border: 1px solid rgb(227, 227, 227); margin-left: -1px;">
<div class="app-image"
:style="{backgroundImage:'url(' + getIconLink(addMsg.PromoteQRCodeImagePath) + ')',backgroundSize:'cover'}">
:style="{backgroundImage:'url(' + getIconLink(addMsg.PromoteQRCodeImage) + ')',backgroundSize:'cover'}">
</div>
<div style="margin-top: 8px;">{{addMsg.PromoteQRCodeName}}</div>
</span>
......@@ -757,11 +757,9 @@
},
SelectId(msg) {
if (this.imgType == 1) {
this.addMsg.HeadImage = msg.selectId;
this.addMsg.HeadImagePath = msg.url;
this.addMsg.HeadImage = msg.url;
} else if (this.imgType == 2) {
this.addMsg.BottomImage = msg.selectId;
this.addMsg.BottomImagePath = msg.url;
this.addMsg.BottomImage = msg.url;
} else if (this.imgType == 3) {
this.addMsg.DistributionCommissionImage = msg.selectId;
this.addMsg.DistributionCommissionImagePath = msg.url;
......
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