yun-ui-micro
v1.0.5
Published
轻量、高效的小程序 UI 功能库。致力于“微信小程序”原生组件扩展开发 —— 功能更强大,使用更方便。
Downloads
48
Maintainers
Readme
yunUI(微信小程序自定义功能组件库)
致力于“微信小程序”原生组件扩展开发 —— 功能更强大,使用更方便。
如何使用&参数说明
npm install yun-ui-micro
安装后,项目的 node_modules
文件下将会生成该组件库,在微信开发者工具中选择“工具->构建 npm”,将会在 miniprogram_npm
文件夹下生成可以被小程序中使用的组件包。
在项目全局的 app.json 或者页面与组件的 .json 中,按需求引入组件即可使用,示例如下:
"usingComponents": {
"y-button": "yun-ui-micro/button/index",
}
具体使用方式可参考github:yunUI (本项目本地版)。使用问题请至github提issue/加作者微信咨询。
现收录有:
组件
- 扩展微信小程序原生日期-时间组件【picker】:使选择时间可精确到分、秒;完美解决iPhone/Android软键盘弹出问题。
- “头条信息”组件【coupon】,采用slot,使控制更轻松
- “日历”组件【calendar】:使日期选择更便捷!可以支持选中得到当前选中日期、星期几。可支持切换上一月、下一月;上一年、下一年(预计下一提交新增年份快速选择)。突出显示当前日期模块及某一天标记,可以实现“心情签到”的功能,现有直接使用和弹出两种方式,使更接近原生组件。
- “侧边栏字母导航”组件【alphabet】:使用便捷,查找方便,更顺滑!
- “自定义弹窗”组件【ymodel】:基于原生,比原生modal自定义程度高,使用便捷,体验更流畅!
- “自定义搜索栏”组件【ysearch】:支持多种搜索方式,高自定义程度,使用更流畅!
- “自定义卡片”组件【ycard】:支持图片、短文、图文三种形式,自定义展示样式,配合 util 下时间插件使用,让展示随心所欲!可自定义是否预览图片。
- “自定义按钮button”组件【ybutton】:支持以图片覆盖原样式,支持倒计时按钮。(可应对常见“倒计时完成后才能触发按钮”的场景)
- “自定义图片上传img”组件【yImg】:支持最多九张图片,支持长按删除和拖动排序!
- “增强图片排序img”组件【yImgPro】:yImg组件的增强版,动画真正流畅!使用起来像朋友圈一样适应!【新!】
- cell-group组件
- cell组件:建议如果有多个,请和cell-group组件一起使用。
- popup组件:底部弹层。自定义内容,开发更高效。未来将支持上下左右四边弹出。
插件
- 日期时间转化插件:位于utils文件夹下,以import {Time} from '路径';方式调用
- 下雨/下雪js插件:位于utils文件夹下,使用(自带)canvas组件在页面中调用!(具体效果见pages/RainSnow/)
版本记录
- v1.0.5 新增emoji组件(目前是弹窗形式),可配合atinput输入框组件一起使用
- v1.0.5-beta2 修复@输入框组件删除@人员后光标自动定位到末尾的问题,输入框支持emoji/文字等由调用方动态传入!
- v1.0.5-beta1 新增支持@功能的输入框组件!可配合popup组件实现人员选择功能!
- v1.0.4-rc1 新增img-pro外部样式和“add”插槽,使用更灵活。popup新增右边滑出,横屏时可使用。
- v1.0.4 img和img-pro组件新增“最多图片数量”参数(建议不超过9);新增“底部弹窗”组件
- v1.0.3 消减search动画延迟体验,新增配套组件cell和cell-group(小程序首页就是这两个组件实现的哟)
- v1.0.2 search组件支持slot传入自定义button、支持动画
- v1.0.1 button按钮增加倒计时模式
- v1.0.0 组件库发布。涵盖日历、日期选择、button、search、图片上传排序、增强图片排序、侧边栏、自定义卡片、自定义弹窗九大组件