引导。
属性名 | 描述 | 类型 | 默认值 |
mode | 提示可选类型:link 、closable |
String | '' |
action | 提示显示文本 | String | '' |
actionCls | 提示显示文本自定义class | String | '' |
show | 是否显示通告栏 | Boolean | true |
onClick | 点击按钮回调 | () => void | |
enableMarquee | 是否开启动画 | Boolean | false |
marqueeProps | marquee 参数,其中loop 表示是否循环,leading 表示动画开启前停顿,trailing 表示loop 为true时时,动画间停顿,fps 表示动画帧率 |
Object<loop, leading, trailing, fps> | {loop: false, leading: 500, trailing: 800, fps: 40 } |
{ "defaultTitle": "应用AntUI组件库", "usingComponents": { "notice": "mini-antui/es/notice/index" } }
<view class="demo-title">NoticeBar 通告栏</view> <view class="demo-item"> <notice>因全国公民身份系统升级,添加银行卡银行卡银行卡银行卡</notice> </view> <view class="demo-item"> <notice mode="link" onClick="linkClick">因全国公民身份系统升级,添加银行卡银行卡银行卡银行卡</notice> </view> <view class="demo-item"> <notice mode="closable" onClick="closableClick" show="{{closeShow}}">因全国公民身份系统升级,添加银行卡银行卡银行卡银行卡</notice> </view> <view class="demo-item"> <notice mode="link" action="去看看" onClick="linkActionClick">因全国公民身份系统升级,添加银行卡银行卡银行卡银行卡</notice> </view> <view class="demo-item"> <notice mode="closable" action="不再提示" onClick="closableActionClick" show="{{closeActionShow}}">因全国公民身份系统升级,添加银行卡银行卡银行卡银行卡</notice> </view>
Page({ data:{ closeShow:true, closeActionShow:true }, linkClick() { my.showToast({ content: '你点击了图标Link NoticeBar', duration: 3000 }); }, closableClick() { this.setData({ closeShow:false }) my.showToast({ content: '你点击了图标close NoticeBar', duration: 3000 }); }, linkActionClick() { my.showToast({ content: '你点击了文本Link NoticeBar', duration: 3000 }); }, closableActionClick() { this.setData({ closeActionShow:false }) my.showToast({ content: '你点击了文本close NoticeBar', duration: 3000 }); } })