Skip to content

E
ElectricitySheep
Commit 8a492f11 authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 24e3047c
Hide whitespace changes
Inline Side-by-side
Showing with 86 additions and 8 deletions
src/assets/css/zkcss.css
View file @ 8a492f11
......@@ -23,6 +23,9 @@ input, textarea, select{
.w400{
width:400px;
}
.w200{
width:200px;
}
.CommonHeader{
padding: 18px 20px;
-webkit-box-sizing: border-box;
......
src/components/StoreDesign/userCenter.vue
View file @ 8a492f11
......@@ -337,6 +337,17 @@
width: 94px;
margin: 5px 0px;
}
.mb_headerOther{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color:#fff;
}
.UserUpImg img{
width:80px;
height:80px;
}
</style>
<template>
<div class="UserCenter">
......@@ -348,10 +359,14 @@
</div>
<div class="mobile_showbox">
<div class="mb_topBox" :style="{backgroundImage:'url('+ msg.defaultImg + ')'}">
<div class="mb_header">
<div class="mb_header" v-if="msg.headerPosition==1">
<div class="mobole_head"></div>
<span>用户昵称</span>
</div>
<div class="mb_headerOther" v-if="msg.headerPosition==2">
<div style="margin-left:0;" class="mobole_head"></div>
<span>用户昵称</span>
</div>
</div>
<div class="mobile_footBox" v-if="msg.isShowCollectBar==1">
<div class="foot-box-item" v-for="(item,index) in msg.CollectArr" :key="index">
......@@ -451,7 +466,7 @@
<el-radio-group v-model="msg.headerPosition">
<el-radio :label="1">头像靠左</el-radio>
<el-radio :label="2">头像居中</el-radio>
<el-radio :label="3">头像内嵌</el-radio>
<!-- <el-radio :label="3">头像内嵌</el-radio> -->
</el-radio-group>
</el-form-item>
</el-form>
......@@ -465,7 +480,7 @@
</el-form-item>
<el-form-item label="收藏足迹栏" size="small">
<div class="CollectDiv">
<div class="ColeectList" v-for="(item,index) in msg.CollectArr" :key="index">
<div class="ColeectList" v-for="(item,index) in msg.CollectArr" :key="index" @click="upDateMsg(item,1)">
<div class="ColeectImgList" :style="{backgroundImage:'url('+ item.image + ')'}"></div>
<div>{{item.name}}</div>
</div>
......@@ -481,7 +496,7 @@
</el-form-item>
<el-form-item label="订单栏" size="small">
<div class="CollectDiv">
<div class="ColeectList" v-for="(item,index) in msg.OrderArr" :key="index">
<div class="ColeectList" v-for="(item,index) in msg.OrderArr" :key="index" @click="upDateMsg(item,2)">
<div class="ColeectImgList" :style="{backgroundImage:'url('+ item.image + ')'}"></div>
<div>{{item.name}}</div>
</div>
......@@ -497,7 +512,7 @@
</el-form-item>
<el-form-item label="订单栏" size="small">
<div class="CollectDiv">
<div class="ColeectList" v-for="(item,index) in msg.MyAccount" :key="index">
<div class="ColeectList" v-for="(item,index) in msg.MyAccount" :key="index" @click="upDateMsg(item,3)">
<div class="AccountImgList" :style="{backgroundImage:'url('+ item.image + ')'}"></div>
<div>{{item.name}}</div>
</div>
......@@ -525,7 +540,7 @@
<div class="menu-add">
<el-button plain size="mini">添加</el-button>
</div>
<div class="Lastmenu_item" v-for="(item,index) in msg.menuArr" :key="index">
<div class="Lastmenu_item" v-for="(item,index) in msg.menuArr" :key="index" @click="upDateMsg(item,4)">
<div class="LastMenuFirst">
<div class="LastMenu_image" :style="{backgroundImage:'url('+ item.image + ')'}"></div>
</div>
......@@ -543,15 +558,43 @@
</el-form-item>
</el-form>
</div>
</div>
</div>
<!-- 导航菜单编辑 -->
<el-dialog :title="commonEditTitle" :visible.sync="isShowDialog" width="450px">
<el-form label-width="120px">
<el-form-item label="名称">
<el-input type="text" :disabled="EditIndex==1||EditIndex==2" v-model="modifyMsg.name" size="small" class="w200" maxlength="100" />
</el-form-item>
<el-form-item label="图标" >
<div>
<el-tooltip class="item" effect="dark" :content="SuggestSize" placement="top-start">
<el-button size="small">选择文件</el-button>
</el-tooltip>
</div>
<div class="UserUpImg">
<img v-if="modifyMsg.image" :src="modifyMsg.image" alt="" />
<img v-else src="../../assets/img/default.png" alt="" />
</div>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="isShowDialog = false">取 消</el-button>
<el-button size="small" type="primary" @click="updateInfo()">提交</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
commonEditTitle:'',
isShowDialog:false,
SuggestSize:'',
EditIndex:1,
msg:{
//背景图片
defaultImg:this.domainManager().ImageUrl+'/Static/user_default.jpg',
......@@ -640,6 +683,10 @@
name:'商城管理',
image:this.domainManager().ImageUrl+'/Static/user_setting.png'
}]
},
modifyMsg:{
name:'',
image:''
}
};
},
......@@ -647,7 +694,35 @@
},
methods: {
//修改确定
updateInfo(){
this.isShowDialog=false;
},
//修改方法
upDateMsg(item,index){
this.isShowDialog=true;
this.EditIndex=index;
switch(index){
case 1:
this.commonEditTitle='收藏栏编辑';
this.SuggestSize='建议尺寸:40*40';
break;
case 2:
this.commonEditTitle='订单栏编辑';
this.SuggestSize='建议尺寸:60*60';
break;
case 3:
this.commonEditTitle='我的账户编辑';
this.SuggestSize='建议尺寸:26*26';
break;
case 4:
this.commonEditTitle='订单栏编辑';
this.SuggestSize='建议尺寸:50*50';
break;
}
this.modifyMsg.name=item.name;
this.modifyMsg.image=item.image;
}
},
mounted() {
......
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