@mas.io/adc-oss-notice NPM

安装

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"
  />

3 years ago