小程序内 通过 useExtendedLib 扩展库的方式引入 WeUI

  • app.json中添加如下配置(useExtendedLib和pages同级)
"useExtendedLib": {
  "weui": true
}
  • 在页面的 JSON 文件中引入要使用的 WeUI 组件（例：home.json）
{
  "usingComponents": {
    "mp-dialog": "weui-miniprogram/dialog/dialog"
  }
}
  • 在页面中使用 weui (例：home.wxml)
<view class="container">
  <mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{[{text: '取消'}, {text: '确认'}]}}">
    <view>test content</view>
  </mp-dialog>
</view>
示例

点击进入原著

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容