更新记录
v1.0(2020-12-09)
下载此版本
以750 为基本宽度换算
平台兼容性
HbuilderX/cli最低兼容版本 |
2.8.8 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
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 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
插件v1.0
使用说明
// 配置项,
//根据pages/index/index 类似写法 ,仅仅支持 单行选项卡 最好5个或以下。使用请看示例
//必填项
count: 5 <=5
iconWidth: 100,
iconHeight: 100,
data {id 不可重复 }
tData
// 使用方式
const p = {
mask: true, // 是否开启遮罩
mode: 'bottom', //方向
height: 260, // 弹窗高度
count: 3, // 自动生成Menu每一行的数量
iconWidth: 80,
iconHeight: 80,
textHeight: 30, // 一般是字体大小的两倍
data: [{
tag: 'img',
id: 'imgcopyurl0',
src: '/static/sharemenu/copyurl.png',
}, {
tag: 'img',
id: 'imgcopyurl1',
src: '/static/sharemenu/copyurl.png',
}, {
tag: 'img',
id: 'imgcopyurl2',
src: '/static/sharemenu/copyurl.png',
},
{
tag: 'img',
id: 'imgcopyurl3',
src: '/static/sharemenu/copyurl.png',
},
{
tag: 'img',
id: 'imgcopyurl4',
src: '/static/sharemenu/copyurl.png',
},
],
tData: [{
tag: 'font',
id: 'fontcopyurl0',
text: '复制',
textStyles: {
size: 16
},
}, {
tag: 'font',
id: 'fontcopyurl1',
text: '复制',
textStyles: {
size: 16
},
}, {
tag: 'font',
id: 'fontcopyurl2',
text: '复制',
textStyles: {
size: 16
},
},
{
tag: 'font',
id: 'fontcopyurl3',
text: '复制',
textStyles: {
size: 16
},
}, {
tag: 'font',
id: 'fontcopyurl4',
text: '复制',
textStyles: {
size: 16
},
},
],
}
new tabbarMenu( p,(e)=>{})