perf:styles

Author: iRuxu

src/views/dashboard/role/BindRole.vue

@@ -8,7 +8,7 @@
                 </router-link>
             </div> -->
             <el-button slot="reference" class="u-back" size="mini" icon="el-icon-arrow-left" @click="goBack"
-                >返回列表</el-button
+                >返回</el-button
             >
         </h2>
         <div class="m-role-bind">

src/views/dashboard/role/SyncData.vue

@@ -3,7 +3,7 @@
         <h2 class="u-title">
             <i class="el-icon-connection"></i> 同步数据
             <el-button slot="reference" class="u-back" size="mini" icon="el-icon-arrow-left" @click="goBack"
-                >返回列表</el-button
+                >返回</el-button
             >
         </h2>
         <div class="m-tutorial" v-html="notice"></div>
@@ -20,8 +20,8 @@ export default {
         }
     },
     methods: {
-        goBack() {
-            this.$router.push("/role/list");
+        goBack: function () {
+            this.$router.push("/role");
         },
         loadBreadCrumb() {
             getBreadcrumb("user-sync-game-data").then((res) => {
@@ -38,18 +38,18 @@ export default {
 
 <style lang="less">
 .v-sync-data {
-    padding: 20px;
     .u-title {
         margin-bottom: 20px;
     }
     .m-tutorial {
-        background-color: #f5f7fa;
-        border:1px solid #eee;
-        padding:30px;
-        line-height:1.8;
-        p{margin:0 0 5px 0;}
+        // background-color: #f5f7fa;
+        // border:1px solid #eee;
+        // padding:30px;
+        // line-height:1.8;
+        // p{margin:0 0 5px 0;}
         max-width:1080px;
         .auto(x);
+        .x;
     }
 }
 </style>

src/views/vip/mallNew/components/MallBreadcrumb.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="m-mall-breadcrumb">
-        <div class="left"><img class="icon" :src="imgUrl + 'mall.svg'" alt="" />积分商城</div>
+        <div class="left"><img class="icon" :src="imgUrl + 'mall.svg'" alt="" /><a href="/vip/mall">积分商城</a></div>
         <div class="right">
             我的资产
             <div class="lv button">Lv.{{ level }}</div>
@@ -73,6 +73,9 @@ export default {
             height: 28px;
             margin: 0 4px 0 12px;
         }
+        a{
+            color:#fff;
+        }
     }
     .right {
         height: 20px;

src/views/vip/mallNew/components/MallNav.vue

@@ -73,7 +73,14 @@
         <div class="right">
             <SearchBox></SearchBox>
             <div class="goods-list">
-                <GoodItem v-for="(item, index) in list" :key="index" :good="item"></GoodItem>
+                <template v-if="list && list.length">
+                    <GoodItem v-for="(item, index) in list" :key="index" :good="item"></GoodItem>
+                </template>
+                <template v-else>
+                    <div class="u-null">
+                        <i class="el-icon-warning-outline"></i> 暂无数据
+                    </div>
+                </template>
             </div>
             <div class="pagination">
                 <el-pagination
@@ -83,6 +90,7 @@
                     :page-size.sync="query.pageSize"
                     :current-page.sync="query.pageIndex"
                     @current-change="handleCurrentChange"
+                    hide-on-single-page
                 >
                 </el-pagination>
             </div>
@@ -195,7 +203,7 @@ export default {
                 .color(rgba(194, 194, 194, 1));
                 &.active,
                 &:not(.active):hover {
-                    .color(#0366d6);
+                    .color(rgba(255, 195, 0, 1));
                 }
                 &.active {
                     .color(rgba(255, 195, 0, 1));
@@ -238,7 +246,7 @@ export default {
                     }
                 }
                 &:not(.active):hover {
-                    .color(@pink);
+                    .color(rgba(255, 195, 0, 1));
                 }
                 &.active {
                     .bold;
@@ -258,6 +266,15 @@ export default {
             flex-wrap: wrap;
             gap: 16px;
             align-content: flex-start;
+
+            .u-null{
+                .x;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                .w(100%);
+                padding:200px 0;
+            }
         }
         .pagination {
             display: flex;