安装

tnpm install --save @alipay/adc-oss-notice

组件介绍

通告栏组件，基于mini-ali-ui的notice组件开发，接收一个网络JSON文件将内容渲染到notice组件，主要为了减少重复性代码。 使用方式参照：https://opendocs.alipay.com/mini/component-ext/notice

参数说明

属性 | 必填 | 参数类型 | 参数说明 | 默认值 | 示例 --|:--:|:--:|:--:|:--: | :-: ossUrl | 是 | string | notice.json路径 | '' | https://szmetro.oss-cn-beijing.aliyuncs.com/notice.json useKey | 否 | string | 指定读取JSON对象的key值 | 'content' | 'content' className | 否 | string | 自定义样式 | '' | '' marqueeProps | 否 | string | marquee 参数 | {loop: false, leading: 500, trailing: 800, fps: 40 } | '' enableMarquee | 否 | boolean | 是否开启动画 | true | false type | 否 | string | 通告栏类型 | normal | error mode | 否 | string | 右侧 icon 类型 | '' | 'link' action | 否 | string | 右侧文本按钮文案 | '' | '' actionLeft | 否 | string | 右侧第二个按钮文案 | '' | '' onClick | 否 | Function | 点击右侧按钮回调 | null | ()=>{} onClickLeft | 否 | Function | 点击右侧第二个按钮回调 | null | ()=>{}

在小程序中使用

{
  "usingComponents": {
    "mas-adc-oss-notice": "@alipay/adc-oss-notice/es/index"
  }
}

notice.json示例

{
  "content": "通告栏内容示例。"
}

在 page.axml 中引用组件

<!-- 页面使用方式 -->
 <mas-adc-oss-notice
    ossUrl="https://xxx.com/notice.json"
  />

Badges

[![install size][install-size-image]][install-size-url]