更新记录
1.0.0(2024-12-02)
下载此版本
首次更新
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.8.3 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) |
消息提示框背景 |