样式修改

src/main/pc-space/src/components/AddressInfo.vue

@@ -66,7 +66,9 @@ export default {
         onSubmit() {},
         init(row) {
             console.log(row);
-            this.sizeForm = row;
+            if (row.id) {
+                this.sizeForm = row;
+            }
         }
     }
 };

src/main/pc-space/src/views/user/AccountData.vue

@@ -6,20 +6,20 @@
             <div class="box">
                 <div class="text">
                     <div class="text1">
-                        <span class="el-icon-user"></span>
+                        <img class="icon" src="../../assets/user/fenxiang-icon@3x (1).png" alt="" />
                     </div>
                     <div class="text2">昵称</div>
-                    <div class="text3">{{ userInfo.username }}</div>
+                    <!-- <div class="text3">{{ userInfo.username }}</div> -->
                 </div>
                 <div class="text4">修改</div>
             </div>
             <div class="box">
                 <div class="text">
                     <div class="text1">
-                        <span class="el-icon-price-tag"></span>
+                        <img class="icon" src="../../assets/user/fenxiang-icon@3x (2).png" alt="" />
                     </div>
                     <div class="text2">编码</div>
-                    <div class="text3">{{ userInfo.id }}</div>
+                    <!-- <div class="text3">{{ userInfo.id }}</div> -->
                 </div>
                 <div class="text4">修改</div>
             </div>
@@ -41,7 +41,7 @@
                         <span class="el-icon-message"></span>
                     </div>
                     <div class="text2">邮箱</div>
-                    <div class="text3">{{ userInfo.email || '暂无' }}</div>
+                    <!-- <div class="text3">{{ userInfo.email || '暂无' }}</div> -->
                 </div>
                 <div class="text4">修改</div>
             </div>
@@ -53,7 +53,7 @@
                         <span class="el-icon-mobile-phone"></span>
                     </div>
                     <div class="text2">登录账号</div>
-                    <div class="text3">{{ Phone }}</div>
+                    <!-- <div class="text3">{{ Phone }}</div> -->
                 </div>
                 <div class="text4" @click="all('security')">修改</div>
             </div>
@@ -82,10 +82,10 @@
             <div class="box">
                 <div class="text">
                     <div class="text1">
-                        <span class="el-icon-lock"></span>
+                        <img class="icon" src="../../assets/user/icon-renzheng@3x.png" alt="" />
                     </div>
                     <div class="text2">实名认证</div>
-                    <div class="text3">{{ Status }}</div>
+                    <!-- <div class="text3">{{ Status }}</div> -->
                 </div>
                 <div class="text4" @click="Auths">修改</div>
             </div>
@@ -167,6 +167,10 @@ export default {
                 .text1 {
                     font-size: 24px;
                     color: #939599;
+                    .icon {
+                        width: 24px;
+                        height: 24px;
+                    }
                 }
                 .text2 {
                     font-size: 17px;
@@ -174,7 +178,7 @@ export default {
                     color: #ffffff;
                     line-height: 24px;
                     width: 94px;
-                    margin: 2px 0 0 10px;
+                    margin: 1px 0 0 10px;
                 }
                 .text3 {
                     font-size: 16px;

src/main/pc-space/src/views/user/Address.vue

@@ -2,7 +2,7 @@
     <div class="container">
         <div class="top">
             <div class="text1">已保存3条了条地址，还能保存7条地址</div>
-            <div class="text2" @click="add">新增地址</div>
+            <div class="text2" @click="add"><span class="el-icon-plus"></span>新增地址</div>
         </div>
         <div class="border"></div>
         <template>
@@ -21,7 +21,7 @@
                 <el-table-column fixed="right" label="操作" width="100">
                     <template slot-scope="scope">
                         <el-button @click="handleClick(scope.row)" type="text" size="small">修改</el-button>
-                        <el-button type="text" size="small">删除</el-button>
+                        <el-button style="color: red" type="text" size="small">删除</el-button>
                     </template>
                 </el-table-column>
             </el-table>
@@ -39,6 +39,7 @@ export default {
             show: false,
             tableData: [
                 {
+                    id: 1104,
                     name: '王小虎',
                     phone: '1774639714',
                     region: '江苏省南京市建邺区',
@@ -95,6 +96,12 @@ export default {
             color: #939599;
             cursor: pointer;
         }
+        span {
+            width: 26px !important;
+            height: 26px !important;
+            // font-size: 16px;
+            color: #939599;
+        }
     }
     .border {
         height: 1px;
@@ -112,11 +119,11 @@ export default {
 .customer-table th.is-leaf {
     border: none;
 }
-// 表格最外边框
-// .el-table--border,
-// .el-table--group {
-//     border: none;
-// }
+//表格最外边框
+.el-table--border,
+.el-table--group {
+    border: none;
+}
 // 头部边框
 .customer-table thead tr th.is-leaf {
     border: 1px solid #ebeef5;
@@ -137,9 +144,9 @@ export default {
 .el-table__fixed::before {
     width: 0;
 }
-// 表格有滚动时表格头边框
-// .el-table--border th.gutter:last-of-type {
-//     border: 1px solid #ebeef5;
-//     border-left: none;
-// }
+//表格有滚动时表格头边框
+.el-table--border th.gutter:last-of-type {
+    border: 1px solid #ebeef5;
+    border-left: none;
+}
 </style>

src/main/pc-space/src/views/user/Give.vue

@@ -4,7 +4,6 @@
             <el-radio-group class="menu" v-model="type" size="normal">
                 <el-radio-button v-for="(item, index) in typeList" :key="index" :label="item.value">
                     <div class="radio-item">
-                        <!-- <i class="font_family" :class="[item.icon]"></i> -->
                         <span>{{ item.label }}</span>
                     </div>
                 </el-radio-button>
@@ -258,12 +257,10 @@ export default {
 }
 
 .list {
-    margin: -16px -16px;
+    margin: -16px -14px;
     min-height: 800px;
-    display: flex;
-    // justify-content: space-between;
     .content {
-        margin: 16px;
+        margin: 23px;
     }
 }
 

src/main/pc-space/src/views/user/Personal.vue

@@ -11,7 +11,7 @@
             >
                 <el-submenu index="1">
                     <template slot="title">
-                        <i class="el-icon-location"></i>
+                        <img class="icon" src="../../assets/user/icon_yonghuxinxi@3x.png" alt="" />
                         <span>用户信息</span>
                     </template>
                     <el-menu-item index="/accountdata">资料与账号</el-menu-item>
@@ -20,13 +20,13 @@
                 </el-submenu>
                 <el-submenu index="2">
                     <template slot="title">
-                        <i class="el-icon-menu"></i>
+                        <img class="icon" src="../../assets/user/icon_jiaoyixinxi@3x.png" alt="" />
                         <span>交易信息</span>
                     </template>
                 </el-submenu>
                 <el-submenu index="3">
                     <template slot="title">
-                        <i class="el-icon-menu"></i>
+                        <img class="icon" src="../../assets/user/gongxu_icon_xuqiuxinxi@3x.png" alt="" />
                         <span>铸造信息</span>
                     </template>
                 </el-submenu>
@@ -63,16 +63,22 @@ export default {
             background: #1c1e26 !important;
             color: #ffffff !important;
             font-size: 18px !important;
-            padding-left: 10px !important;
+            padding-left: 24px !important;
         }
         .el-menu-item {
             background: #1c1e26 !important;
+            margin-left: 18px !important;
             span {
                 color: #ffffff !important;
                 font-size: 18px !important;
             }
         }
     }
+    .icon {
+        width: 24px;
+        height: 24px;
+        margin-right: 10px;
+    }
     .title {
         height: 42px;
         font-size: 32px;