更新记录
0.0.1(2024-10-18)
下载此版本
选项卡
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.8.11 |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
tabs
options
参数 |
说明 |
类型 |
默认值 |
tabsHeight |
tab 高度 |
Number |
100 |
tabsMarginTop |
tab上边距 |
Number |
0 |
tabsWidth |
tab宽度 |
Number |
750 |
tabsBgColor |
背景颜色 |
String |
red |
tabsColor |
字体颜色 |
String |
#fff |
activeColor |
选中的颜色 |
String |
blue |
tabList |
选项卡数组 |
Array |
[] |
range-key |
当 range 是一个 Array<Object> 时,通过 range-key 来指定 Object 中 key 的值作为选择器显示内容 |
String |
title |
使用
import pdTabs from "@/components/pd-tabs/pd-tabs.vue";
<pd-tabs :tabsMarginTop="20" :tabsWidth="702" :tabsHeight="100" tabsBgColor="green" :tabList="state.tabList" range-key="label" @tabSubmit="tabSubmit"/>