更新

ghsApp/src/admin/home/member.vue

@@ -21,7 +21,7 @@
       </view>
     </view>
     <view class="app-tabs">
-      <scrollable-tabs :tabs="tabs" :isFixed="true" :top="100" :currentTab="tabIndex" :height="104" @change="change" />
+      <app-tabs :tabs="tabs" :isFixed="true" :top="100" :currentTab="tabIndex" :height="100" @change="change" itemWidth="33.33%" />
      </view>
     <div class="list-wrap">
     <block v-if="!$util.isEmpty(list.data)">
@@ -192,7 +192,7 @@
   </view>
 </template>
 <script>
-import ScrollableTabs from "./components/scrollable-tabs";
+import AppTabs from "@/components/plugin/tabs";
 import NotLogin from "@/components/not-login";
 import TuiListCell from "@/components/plugin/list-cell";
 import BadgeModule from "@/components/plugin/badge";
@@ -210,7 +210,7 @@ import { mapGetters } from "vuex"
 export default {
   name: "memebr",
   components: {
-    ScrollableTabs,
+    AppTabs,
     TuiListCell,
     BadgeModule,
     AppWrapperEmpty,
@@ -239,8 +239,8 @@ export default {
       tabIndex: 0,
       tabs: [
         { name: "全部", value: 0 },
-        { name: "消费", value: 0 },
-        { name: "挂账", value: 0 }
+        { name: "消费排行", value: 0 },
+        { name: "挂账排行", value: 0 }
       ],
       showFilterPanel: false,
       distList: [],
@@ -519,7 +519,17 @@ export default {
   padding-top: 100upx;
   padding-bottom: 20upx;
 }
-/* .app-tabs 样式已移到scrollable-tabs组件内部 */
+/* .app-tabs 样式 */
+.app-tabs {
+  position: fixed;
+  z-index: 9;
+  @media screen and (max-width: 1100px) {
+    width: 100%;
+  }
+  @media screen and (min-width: 1100px) {
+    width: 40%;
+  }
+}
 .tabs-wrap {
   position: fixed;
   .tabs-left {
@@ -587,7 +597,7 @@ export default {
     }
   }
   .list-wrap {
-    padding-top:114upx;
+    padding-top: 100upx;
     .list {
       background-color: #fff;
       margin-bottom: 20upx;