uu

components/tpx-tabs/tpx-tabs.vue

@@ -1,6 +1,6 @@
 <template>
 	<view>
-		<u-row justify="start">
+		<u-row justify="start" :custom-style="conStyle" >
 			<view v-for="(item) in list" @click="handleChangeTab(item)"
 				:class="`sta-item ${value == item.val?'active':''} stai-${mode}`">
 				<view class="stai-text">
@@ -17,6 +17,12 @@
 
 <script>
 	export default {
+		computed: {
+			conStyle() {
+				let sty = `overflow: auto;gap:30rpx;`;
+				return `${sty};${this.customStyle}`
+			}
+		},
 		props: {
 			list: {
 				default () {
@@ -32,6 +38,11 @@
 				default () {
 					return 'primary' // primary info  
 				}
+			},
+			customStyle: {
+				default() {
+					return ''
+				}
 			}
 		},
 		data() {
@@ -58,7 +69,7 @@
 
 <style scoped lang="scss">
 	.sta-item {
-		flex: 1;
+		flex-shrink: 0;
 		padding: 0 0 30rpx 0;
 		margin-right: 30rpx;
 		position: relative;