美文网首页
小程序内 通过 useExtendedLib 扩展库的方式引入

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

作者: 陈桑 | 来源:发表于2022-11-22 10:47 被阅读0次
    • 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>
    
    示例

    点击进入原著

    相关文章

      网友评论

          本文标题:小程序内 通过 useExtendedLib 扩展库的方式引入

          本文链接:https://www.haomeiwen.com/subject/wypoxdtx.html