@mas.io/adc-list-items NPM | npm.io

1.0.1 • Published 3 years ago

Install

Weekly downloads

-

License

ISC

Repository

Last release

3 years ago

安装

tnpm install --save @alipay/adc-list-items

组件介绍

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

参数说明

属性	必填	参数类型	参数说明	默认值	示例
radius	否	string	圆角	16rpx	10rpx
labelWidth	否	string	标题宽度	120rpx	100rpx
listItems	否	Array	列表项数组	null	[]

listItems参数说明

属性	必填	参数类型	参数说明	默认值	示例
iconType	否	string	icon格式	icon	img
icon	否	string	icon或图片路径	right	''
iconSize	否	string	icon大小	14	16
label	否	string	标题	''	标题
labelColor	否	string	标题字体颜色	#999	#000
labelSize	否	string	标题字体大小	30rpx	32rpx
content	否	string	正文内容	''	这是正文内容...
contentColor	否	string	正文字体颜色	#333333	#000
contentSize	否	string	正文字体大小	30rpx	32rpx
bgColor	否	string	列表项背景颜色	#fff	#000
padding	否	string	上边距，下边距	24rpx	30rpx
row	否	string	几行省略	1	3

在小程序中使用

{
  "usingComponents": {
    "mas-xxxx": "@alipay/adc-list-items/es/index"
  }
}

在 page.axml 中引用组件

<!-- 页面使用方式 -->
 <mas-xxxx
    ...
    props=""
    ...
  />

Badges

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

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

3 years ago