weiui 内置的样式和组件不够丰富，想要使用第三方样式库

配置

  1. 根目录初始化 npm

    1. npm init

  2. 安装第三方库

    npm install weui-miniprogram

  3. 构建 npm （工具 -> 构建 npm）

  4. 使用 npm 模块（本地设置 -> 详情 -> 使用 npm 模块）

image.png

  1. .json 引用组件

    "usingComponents": {
 "mp-dialog": "/miniprogram_npm/weui-miniprogram/dialog/dialog"
}

  2. .wxml 使用组件

    <mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{[{text: '取消'}, {text: '确认'}]}}">
 <view>test content</view>
</mp-dialog>

  3. 找不到路径就构建 npm