2023_12—第二周

发表于 更新于 分类于

2023-12-16

Context

之前小程序中有左滑删除的功能，但对应的 slide-view 组件不是很好用，下滑翻页时也会触发左滑，想着换个组件。于是，找到了 weui 中的 Slideview[1]。

整合WEUI

顺利的话，按照 WEUI 的快速上手教程就 OK 了，然而我小程序的框架是用的是 Wepy[2]，事情并没有这么简单。

我的预期是 通过 useExtendedLib[3] 扩展库 的方式引入，这种方式引入的组件将不会计入代码包大小。

OK, 首先在 app.wpy中增加以下内容：

1
2
3
4
// https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#useExtendedLib
"useExtendedLib": {
    "weui": true
}

然后在对应的页面中增加以下配置：

1
2
3
usingComponents: {
    "mp-slideview": "weui-miniprogram/slideview/slideview"
}

按照预期，接下来就是直接引用对应的标签了，然而编译时会直接报错：

Can’t resolve /weui-miniprogram/***

一顿操作，我们在 Wepy 的 GitHub 仓库找到了相关的 [issue#2680](wepy2 不能通过useExtendedLib扩展的方式引入weui #2680)，里边提到：

SpringHgui mentioned this issue on Aug 4, 2021

支持useExtendedLib导入weui #2758

时间是 2021-08-04，既然支持了，OK 那我们就按照上边 issue#2758 的做就可以啦，也就是把 usingComponents 部分改动下：

1
2
3
4
// 增加 raw:
usingComponents: {
    "mp-slideview": "raw:weui-miniprogram/slideview/slideview",
}

改动后编译果然不报错了，但页面还是异常的，打开编译后的文件发现，结果与文中提到的预期不一样，raw 前缀依然还在，，手动在编辑器中去掉之后，页面正常了。

但，，这也不是个事儿啊，既然提到已经解决了，那应该是解决了，，再找找吧，然后看到了 issue#2680 中提到的：

SpringHgui commented on Nov 30, 2021

使用这个插件解决 wepy-cli-extend

安装这个插件后国人解决了，，但为啥这个评论是 2021-11-30 的？前边 2021-08-04 评论不是说已经解决了么，笑哭。

  1. weui-Slideview ↩︎

  2. WePY 2 ↩︎

  3. useExtendedLib ↩︎