基于微信的Component自定义组件封装,简洁的组件化编程,关于Component自定义组件参考 。
注意需要开启微信开发者工具中的ES6转ES5功能,请使用大于1.6.3
版本的小程序基础库,并将微信更新到最新版本。
如果你需要一套代码开发微信小程序和支付宝小程序,那么 也许能协助你(微信小程序和支付宝小程序 API 兼容插件)
请用微信开发者工具打开 src
目录
- 组件化编程开发,可配置、可扩展、可复用
- 小程序API的二次封装,如转发分享
- 公共方法的封装,如URL参数转换
- 需要在使用组件的页面json配置文件中加入以下字段,配置组件的引用声明
usingComponents
- 使用组件,引入组件模板
下面是展示Tab
组件的简单使用,具体示例参考项目内部pages/weapp/tab
中代码。其它类型组件使用基本和这种调用方式类似。
浮动提示,普遍在移动开发中使用的Toast组件,与小程序的showToast不同
-
delay
自动关闭的延迟时间,单位毫秒,默认:1500
-
theme
主题样式,默认为空,可传入weapp-tab
或其它自定义样式
加载更多、暂无数据提示,通常配合上拉数据列表使用
-
empty-txt
暂无数据提示文字,默认:暂无数据
-
loading-txt
加载中提示文字,默认:正在加载
-
nomore-txt
没有更多提示文字,默认:没有更多数据了
弹出菜单,最多12个可支持的箭头方位,满足绝大部分场景
-
elem-id
根据哪个元素定位,元素的ID
-
delay
自动关闭的延迟时间,单位毫秒,默认:1500
日历选择,支持多个月份滑动切换展示,左右点击切换月份,切换到今天
-
current
默认显示第几个月,从开始日期的月份为第一个月,默认:0
页面转发分享,除去每个页面的繁杂配置,使用起来更加简单高效,支持页面传递参数 options
-
url
转发的页面地址,默认为当前页面地址
-
value
任意需要判断的参数
将对象解析成url字符串
-
urlObject
参数对象,要转换成字符串参数的对象