更新记录
1.0.1(2024-12-16) 下载此版本
更新基本信息
1.0.0(2024-12-02) 下载此版本
首次更新
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
√ | √ | √ | √ | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
dui-tabbar-tips 底部tabBar导航栏消息提示
组件名:dui-tabbar-tips
一个好用的,用于底部tabBar导航栏消息提示的组件
基本用法
在 template
中直接使用组件
<template>
<dui-tabbar-tips tips="这里有惊喜哦!" tipsColor="#fff" :tabBarCount="2" :tabBarIndex="1" maxWidth="" tipsBackgroud="#000">
</dui-tabbar-tips>
</template>
API
Props
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
tabBarCount | Number | - | 底部tabBar导航栏数量(根据实际来填写,填错会导致提示框位置不正确) |
tabBarIndex | Number | 0 |
当前消息提示指向的索引 |
tips | String | - | 消息提示文本 |
maxWidth | String | - | 消息提示框最大宽度 |
tipsColor | String | #fff |
消息提示文本颜色 |
tipsFontSize | String | 24rpx |
消息提示文本字体大小 |
tipsBackgroud | String | rgba(0, 0, 0, 0.6) |
消息提示框背景 |