1

uview-plus/components/u-tabs/props.js

@@ -0,0 +1,66 @@
+import { defineMixin } from '../../libs/vue'
+import defProps from '../../libs/config/props.js'
+export const props = defineMixin({
+    props: {
+        // 滑块的移动过渡时间，单位ms
+        duration: {
+            type: Number,
+            default: () => defProps.tabs.duration
+        },
+        // tabs标签数组
+        list: {
+            type: Array,
+            default: () => defProps.tabs.list
+        },
+        // 滑块颜色
+        lineColor: {
+            type: String,
+            default: () => defProps.tabs.lineColor
+        },
+        // 菜单选择中时的样式
+        activeStyle: {
+            type: [String, Object],
+            default: () => defProps.tabs.activeStyle
+        },
+        // 菜单非选中时的样式
+        inactiveStyle: {
+            type: [String, Object],
+            default: () => defProps.tabs.inactiveStyle
+        },
+        // 滑块长度
+        lineWidth: {
+            type: [String, Number],
+            default: () => defProps.tabs.lineWidth
+        },
+        // 滑块高度
+        lineHeight: {
+            type: [String, Number],
+            default: () => defProps.tabs.lineHeight
+        },
+        // 滑块背景显示大小，当滑块背景设置为图片时使用
+        lineBgSize: {
+            type: String,
+            default: () => defProps.tabs.lineBgSize
+        },
+        // 菜单item的样式
+        itemStyle: {
+            type: [String, Object],
+            default: () => defProps.tabs.itemStyle
+        },
+        // 菜单是否可滚动
+        scrollable: {
+            type: Boolean,
+            default: () => defProps.tabs.scrollable
+        },
+		// 当前选中标签的索引
+		current: {
+			type: [Number, String],
+			default: () => defProps.tabs.current
+		},
+		// 默认读取的键名
+		keyName: {
+			type: String,
+			default: () => defProps.tabs.keyName
+		}
+    }
+})

uview-plus/components/u-tabs/tabs.js

@@ -0,0 +1,32 @@
+/*
+ * @Author       : LQ
+ * @Description  :
+ * @version      : 1.0
+ * @Date         : 2021-08-20 16:44:21
+ * @LastAuthor   : LQ
+ * @lastTime     : 2021-08-20 17:23:14
+ * @FilePath     : /u-view2.0/uview-ui/libs/config/props/tabs.js
+ */
+export default {
+    //
+    tabs: {
+        duration: 300,
+        list: [],
+        lineColor: '#3c9cff',
+        activeStyle: {
+            color: '#303133'
+        },
+        inactiveStyle: {
+            color: '#606266'
+        },
+        lineWidth: 20,
+        lineHeight: 3,
+        lineBgSize: 'cover',
+        itemStyle: {
+            height: '44px'
+        },
+        scrollable: true,
+		current: 0,
+		keyName: 'name'
+    }
+}