文档中心 > 店铺动态卡片-开发指引

Notice 通告栏

更新时间:2020/06/24 访问次数:1867

引导。

 

属性名 描述 类型 默认值
mode 提示可选类型:linkclosable 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 }

  

Demo示例

 

示例

 

{
  "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
    });
  }
})

 

FAQ

关于此文档暂时还没有FAQ
返回
顶部