@mas.io/mas-faq v0.1.7

安装

tnpm install --save @alipay/mas-faq

组件介绍

行业小程序FAQ组件，ETC常见问题功能抽离。

• 默认渲染data列表中title和desc属性，亦支持传入渲染方法（作用域插槽renderItem，slot-scope暴露列表的item和index参数）
• 亦支持当作容器使用，传入默认插槽时body部分可自定义渲染

参数说明

在小程序中使用

在 page.json 文件中添加组件依赖

{
  "usingComponents": {
    "mas-faq": "@alipay/mas-FAQ/es/index"
  }
}

调用方式

在 page.axml 中引用组件

<mas-faq
  data="{{data}}"
  containerClassName="faq"
>
</mas-faq>

在 page.js 中配置mas-FAQ组件相关属性

Page({
  data: {
    data: [
      {

        "desc": "全国高速均可通行，按照各地折扣标准收取通行费，还支持ETC缴费的停车场。",
        "title": "1、ETC设备办理是否可以全国通用？"
      },
      {
        "desc": "按交通部规定，申请ETC需要遵循一车一卡一标签的原则，即一辆车只能办理一个ETC设备，同时需要您上传身份证和行驶证信息以便核验身份。",
        "title": "2、免费办理ETC需要满足什么条件？",
      },
      {
        "desc": "免费办理ETC需要绑定银行卡，用于高速通行扣费，服务期内申请注销需要支付设备费用。",
        "title": "3、为什么需要绑定银行卡？",
      },
      {
        "desc": "企业车辆按照国家要求，不满足办理条件",
        "title": "4、企业车辆为何不能办理？",
      }
    ]
  },
  onLoad() { }
});

样式覆盖推荐方式说明

可以通过设置容器类名containerClassName来增加内部元素的样式优先级，达到样式覆盖的目的例如

.faq {
  .mas-faq-title{

  }
  .mas-faq-body{

  }
  .mas-faq-more{

  }
}

Badges