@mas.io/mas-data-presentation NPM

安装

tnpm install --save @alipay/mas-data-presentation

组件介绍

行业小程序数据展示组件，结合数据展示的组件样式，针对支付宝行业的各个不同场景进行定制化开发，满足业务需求。

参数说明

属性	必填	参数类型	参数说明	默认值	示例
className	否	string	自定义class	''	'custom-class'
defaultType	否	string	主题风格	'light'	'dark'
datas	是	array	数据数组	[]	{ value: "100万", name: "车价", showSwitch: true, showData: true }
onClick	否	function	点击事件	null	onClick(data) { console.log(data) }
onSwitch	否	function	点击事件	null	onSwitch(data) { console.log(data) }

在小程序中使用

{
  "usingComponents": {
    "mas-data-presentation": "@alipay/mas-data-presentation/es/index"
  }
}

在 page.axml 中引用组件

<!-- 页面使用方式 -->
<data-presentation
  className="{{className}}"
  defaultType="{{defaultType}}"
  datas="{{datas}}"
  onClick="onClick"
  onSwitch="onSwitch"
/>

Badges

mini-ali-ui @mas.io/falcon-core

@infinitebrahmanuniverse/nolb-_mas @everything-registry/sub-chunk-583

1.0.1

3 years ago