wepy2.0 嵌入WEUI
发布于 4 年前 作者 wangyang 3639 次浏览 来自 分享

1.官方文档:https://developers.weixin.qq.com/miniprogram/dev/extended/weui/quickstart.html(感觉没有及时的更新。从原生的到1.x 到2.x都没有更新的感觉)

2.我用的是npm i weui-miniprogram

3.引入样式

在app.wpy下,引入样式,注意这个路径下是一个.less的文件。不是wxss文件。我引入wxss文件编译会报错

[@import](/user/import) '~weui-miniprogram/src/weui-wxss/src/style/weui';

4.引入组件

这个就要参考wepy2.0中的demon了。我当时没有想到。不过我注意到2.0下引入第三方组件的写法的不同。

按照官方文档中的通过类似 ../../xxx的方式都不行。

{
  usingComponents: {
    "mp-cells": "module:weui-miniprogram/miniprogram_dist/cells/cells",
    "mp-cell": "module:weui-miniprogram/miniprogram_dist/cell/cell",
    "mp-slideview":"module:weui-miniprogram/miniprogram_dist/slideview/slideview",
  },
  navigationStyle: 'custom'

}

结束!

回到顶部