使用自定义组件

引用自定义组件:

  1. // page.json 注意，不是在app.json里配置
  2. {
  3.   "usingComponents":{
  4.     "your-custom-component":"mini-antui/es/list/index",
  5.     "your-custom-component2":"/components/card/index",
  6.     "your-custom-component3":"./result/index",
  7.     "your-custom-component4":"../result/index"
  8.   }
  9. }
  11. // 项目绝对路径以 / 开头，相对路径以 ./ 或者 ../ 开头，npm 路径不以 / 开头

tips：安装npm模块请参考框架概述npm部分。

使用自定义组件：

  1. // page.axml
  2. <list>
  3.   <view slot="header">列表头部</view>
  4.   <block a:for="{{items}}">
  5.     <list-item key="item-{{index}}">
  6.       {{item.title}}
  7.       <view class="am-list-brief">{{item.brief}}</view>
  8.     </list-item>
  9.   </block>
  10.   <view slot="footer">列表尾部</view>
  11. </list>

原文: https://docs.alipay.com/mini/framework/use-custom-component