修改

src/assets/css/zkcss.css

@@ -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

@@ -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() {