2023-05-11 创建于墨问
兼容 skyline 和 webview 两种渲染模式(已简化脱敏)
代码片段:
developers.weixin.qq.com/s/Ft1g5Lmj7…
受代码片段体积限制,请自行从 npm 安装 miniprogram-type 包,来引入声明文件。提供了 page、page-container、nav-bar、modal、not-found 组件,可以兼容 webview 和 skyline,供参考。
线上预览可以搜索 “墨问便签” 小程序(目前只以 webview 方式运行)。
page 主要用于抽象出来组件,包含了 nav-bar、scroll-view、sticky-header,可以作为页面根节点使用,并且有个重要作用是监听页面的点击行为。
nav-bar 参考了 tdesign 的官方实现,并使用了 weui 的图标。
page-container 是一个替代小程序原生 page-container 的简化版实现,尽量相同的 api 设计,也用来实现了 modal,但目前不支持左滑收起。
not-found 主要用于没有数据的情况,受 scroll-view 的限制,高度需要自行计算即可。
modal 弹窗组件,可以自定义 ui,api 设计和 wx.showModal 一致。