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