1

pagesMessage/message/components/order_1.vue

@@ -153,7 +153,7 @@
 </template>
 
 <script>
-	import tabs from '@/components/tabs/index.vue';
+	import tabs from '../../components/tabs/index.vue';
 	export default {
 		components: {
 			tabs

pagesMy/assets/index.vue

@@ -77,7 +77,7 @@
 
 <script>
 	import moment from 'moment';
-	import tabs from '@/components/tabs/index.vue';
+	import tabs from '../components/tabs/index.vue';
 	export default {
 		components: {
 			tabs

pagesMy/components/tabs/index.vue

@@ -0,0 +1,59 @@
+<template>
+	<view class="tabs">
+		<view class="one" :style="{background:tabs.bgColor||'#f9f9f9'}">
+			<scroll-view class="scrollView" scroll-x="true">
+				<view class="list" v-for="(item,index) in tabs.menu" :key="index" :style="{background:tabs.active==item.active?tabs.acbgColor||'#ffffff':''}" @tap="tabsChange(index,item)">
+					<text :style="{color:tabs.active==item.active?tabs.actxtColor||'#000000':tabs.txtColor||'#999999'}">{{item.title}}</text>
+				</view>
+			</scroll-view>
+		</view>
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			tabs: {
+				type: Object,
+			},
+
+		},
+		data() {
+			return {};
+		},
+		methods: {
+			tabsChange(index, item) {
+				const that = this;
+				that.$emit('tabsChange', item)
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.tabs {
+		.one {
+			padding: 2vw;
+
+			.scrollView {
+				display: flex;
+				white-space: nowrap;
+				text-align: center;
+			}
+
+			.list {
+				display: inline-block;
+				padding: 2vw;
+				margin: 0 1.5vw;
+				text-align: center;
+				border-radius: 5px;
+
+				text {
+					font-weight: bold;
+					font-size: var(--font14Size);
+				}
+			}
+		}
+	}
+</style>

pagesMy/dough/index.vue

@@ -175,7 +175,7 @@
 
 <script>
 	import moment from 'moment';
-	import tabs from '@/components/tabs/index.vue';
+	import tabs from '../components/tabs/index.vue';
 	export default {
 		components: {
 			tabs

pagesMy/logistics/index.vue

@@ -32,7 +32,7 @@
 </template>
 
 <script>
-	import tabs from '@/components/tabs/index.vue';
+	import tabs from '../components/tabs/index.vue';
 	export default {
 		components: {
 			tabs

pagesMy/order/after.vue

@@ -73,7 +73,7 @@
 </template>
 
 <script>
-	import tabs from '@/components/tabs/index.vue';
+	import tabs from '../components/tabs/index.vue';
 	export default {
 		components: {
 			tabs

pagesMy/order/all.vue

@@ -172,7 +172,7 @@
 
 <script>
 	import moment from 'moment';
-	import tabs from '@/components/tabs/index.vue';
+	import tabs from '../components/tabs/index.vue';
 	export default {
 		components: {
 			tabs

pagesMy/order/index.vue

@@ -180,7 +180,7 @@
 </template>
 
 <script>
-	import tabs from '@/components/tabs/index.vue';
+	import tabs from '../components/tabs/index.vue';
 	export default {
 		components: {
 			tabs