更新记录
1.1.2(2019-11-29)
下载此版本
新增侧滑吸顶
1.1.1(2019-11-26)
下载此版本
优化tab
1.1.0(2019-11-25)
下载此版本
新增样式
查看更多
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
app-harmony |
? |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
tabs
tab动态字体缩放,动态滑块缩放效果
使用方式
在index.vue中
import clTabs from "@/components/cl-tabs/cl-tabs";
components:{clTabs},
OBJECT参数说明
参数 |
类型 |
默认值 |
说明 |
tabBars |
Array |
[] |
标题 |
tabIndex |
Number |
-1 |
当前tab索引 |
scale |
Number |
1 |
放大倍数 |
type |
String |
default |
滑块位置 fill包含 float上浮 hang悬空 |
aniType |
String |
default |
滑块动画效果 extend延长 movExtend拖动延长 |
sliderColor |
String |
'#ff461f' |
滑块颜色 |
textColor |
String |
'black' |
所有字体颜色 |
selectColor |
String |
'black' |
选中字体颜色 |
sliderMargin |
Number |
20 |
延长滑块长度 px |
center |
Boolean |
false |
居中 |
tabWidth |
String |
'' |
tab宽度 |
如果觉得插件不错,麻烦给个好评