优化

src/components/merchantManagement/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="accountsetting-container">
+  <div class="accountsetting-container" >
     <a-modal v-model="visible" title="设置图标" @cancel="modalcancel" on-ok="handleOk">
       <div class="container">
         <div class="cropper-content">

src/components/userinfo/accountsetting/inedex.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="accountsetting-container">
+  <div class="accountsetting-container" style="background-color: #f0f0f0;">
     <a-modal v-model="visible" title="设置图标" @cancel="modalcancel" on-ok="handleOk">
       <div class="container">
         <div class="cropper-content">
@@ -27,7 +27,7 @@
       <template slot="footer">{{ &nbsp; }}</template>
     </a-modal>
     <div class="accountcontent w">
-      <div class="accountSetList">
+      <div class="accountSetList" >
         <div class="userinfobox">
           <div class="avatarbox">
             <i @click="uploadavatar" style="cursor: pointer">
@@ -73,7 +73,7 @@
             </li>
           </ul>
         </div>
-        <ul>
+        <ul style="margin: 0 auto;width: 288px;">
           <li @click="pushto('/accountsetting/boundtel')" :class="{ tagactive: activelist === 1 }">
             <span>
               <i class="iconfont icon-gerenzhongxin-bangdingshouji"></i>绑定手机
@@ -473,18 +473,20 @@ export default {
   // background-color: pink;
   display: flex;
   .accountSetList {
-    width: 346px;
+    width: 320px;
     // height: 500px;
-    // background-color: skyblue;
-    margin-right: 16px;
+    background-color: #fff;
+    border-radius: 6px;
+    overflow: hidden;
+    margin-right: 20px;
     .userinfobox {
-      width: 346px;
+      width: 320px;
       height: 158px;
       background: #ffffff;
       border-radius: 6px;
       padding: 24px 0;
       text-align: center;
-      border: 1px solid #ededed;
+      // border: 1px solid #ededed;
       .avatarbox {
         margin: 0 auto;
         width: 64px;
@@ -549,8 +551,10 @@ export default {
         // margin-top: 16px;
         // padding: 0 16px;
         background-color: #fff;
-        border-radius: 6px;
+        border-radius: 6px; 
         overflow: hidden;
+        width: calc(100% - 32px);
+        margin: 0 auto !important; 
         li {
           position: relative;
           display: flex;
@@ -680,7 +684,7 @@ export default {
     }
   }
   .rightcontent {
-    width: 838px;
+    width: 620px;
     min-height: 600px;
     padding: 0 16px;
     background-color: #fff;

src/components/userinfo/usercenter/components/mybill.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="mybill-container f40 w" style="background-color: #f0f0f0;width: 100vw;min-width: 100vw;">
 		<div style="height: 56px;"></div>
-		<div class=" "  style="width: 800px;min-width: 800px;margin: 20px auto 20px;background-color: #fff;border-radius: 6px;padding: 20px;">
+		<div class=" "  style="width: 960px;min-width: 960px;margin: 20px auto 20px;background-color: #fff;border-radius: 6px;padding: 20px;">
 			<div class="contenttitle">
 			<ul @click="resetpag"> 
 				<li @click="pagination.status = -1" :class="{ townsmanactive: pagination.status === -1 }">

src/views/main.vue

@@ -168,7 +168,7 @@
 								<img :src="userbaseInfo.imgSrc" class="mr4" style="border-radius: 50%; width: 28px; height: 28px" alt v-else />
 								<div class="ml4 f14 c6">{{ userbaseInfo.userName || userbaseInfo.nickName || "-" }}</div>
 							</span>
-							<div class="loginbox" slot="overlay" style="width: 224px">
+							<div class="loginbox" slot="overlay" style="width: 240px">
 								<router-link to="/accountsetting">
 									<div class="hover-blue br4" style="padding: 12px 12px">
 										<span> <i class="iconfont icon-gerenzhongxin"></i>个人中心 </span>
@@ -1287,7 +1287,7 @@ export default {
 }
 /deep/.setPosition {
 	padding: 4px;
-	left: -218px !important;
+	left: -240px !important;
 	border-radius: 4px;
 	background-color: #fff;
 	box-shadow: 0px 2px 4px 0px rgba(229, 229, 229, 0.5), 0px 4px 12px 0px rgba(0, 0, 0, 0.15);