front-end/mobile-code/src/pages/admin/member.vue

<template>
	<div class="app-main app-content">
		<app-tabs :tabs="tabs" :isFixed="true" :isAdd="true" :currentTab="tabIndex" :height="100" @change="change" itemWidth="33.33%" />

    </div>
</template>

<script>
import appTabs from '@/components/plugin/tabs'
export default {
	name: 'admin-memebr',
	components: {
		appTabs
	},
	data() {
		return {
			tabIndex: 0,
			tabs: [
				{
					name: '全部',
					value: 212
				},
				{
					name: '粉丝',
					value: 213
				},
				{
					name: '会员',
					value: 214
				}
			]
		}
	},
	methods: {
		change(e) {
			this.tabIndex = e.index
		}
	}
}
</script>

<style lang="scss" scoped>
.tabs-wrap {
    position: fixed;
    .tabs-left {
        width: 80%;
    }
    .tabs-right {
        width: 19%;
        border-left: $borderColor;
        @include disFlex(center, center);
    }
}
</style>