@mas.io/mas-information

0.0.6 • Public • Published

组件介绍

行业小程序图文列表组件,包含单文本/标准/多图三种类型。

参数说明

属性 必填 参数类型 参数说明 默认值 示例
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}}"
  />

/@mas.io/mas-information/

    Package Sidebar

    Install

    npm i @mas.io/mas-information

    Weekly Downloads

    0

    Version

    0.0.6

    License

    ISC

    Unpacked Size

    11.9 kB

    Total Files

    9

    Last publish

    Collaborators

    • bingjian.guo