组件介绍
行业小程序图文列表组件,包含单文本/标准/多图三种类型。
参数说明
属性 | 必填 | 参数类型 | 参数说明 | 默认值 | 示例 |
---|---|---|---|---|---|
title | 是 | String | 标题正文 | 成都住房公积金管理中心,困难企业可申请降低缴存比例或缓缴 | |
type | 否 | String | 文本:'text';标准:'normal';多图:'image'; | text | normal |
source | 否 | String | 卡片底部:数据来源 | - | 政务新周刊 |
comment | 否 | String | 卡片底部:评论量 | - | 123条评论 |
info | 否 | String | 卡片点击时的回调函数数据 | - | |
images | 否 | Array | 在type为normal或者image时有效,其中normal会显示数据第一张图片,image支持三张图片展示 | [] | |
onClick | 否 | Function | 卡片点击回调函数,参数为info字段值 |
在小程序中使用
{
"usingComponents": {
"mas-information": "@alipay/mas-information/es/index"
}
}
在 page.axml 中引用组件
<!-- 页面使用方式 -->
<mas-information
title="成都住房公积金管理中心 困难企业可申请降低缴存比例"
source="政务新周刊"
comment="1234评论"
images="{{images}}"
onClick="{{onActionClick}}"
/>