小程序：npm下载使用weiui

下载

npm install weui-miniprogram --save

下载完之后，在微信开发者工具点击 工具 -> 构建npm

配置

在 app.json 中修改 usingComponents 字段：

"usingComponents": {
  // 自定义组件
  "v-order": "components/order/order",
  "v-score": "components/score/score",
  // 有赞组件
  "van-tab": "vant-weapp/tab/index",
  "van-tabs": "vant-weapp/tabs/index",
  "van-dialog": "vant-weapp/dialog/index",
  "van-popup": "vant-weapp/popup/index",
  "van-cell": "vant-weapp/cell/index",
  // weiui 组件
  "mp-cells": "weui-miniprogram/cells/cells",
  "mp-cell": "weui-miniprogram/cell/cell",
  "mp-badge": "weui-miniprogram/badge/badge"
},

这里配置到全局了，也可以在那个页面的 页面.json 文件里配置

引入css：

/* app.wxss */
@import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';

使用

<mp-cells>
   <mp-cell title="隐私声明"
            link
            bindtap="toPrivacy">
   </mp-cell>
   <mp-cell title="注销说明"
            link
            bindtap="toLogout">
   </mp-cell>
</mp-cells>