提交 1d8a8d91 编写于 作者: 恪愚's avatar 恪愚

Merge branch 'master' of github.com:1314mxc/yunUI

......@@ -2,10 +2,12 @@
### 致力于“微信小程序”原生组件扩展组件开发 —— 功能更强大,使用更方便。
## 现在有
- 扩展微信小程序原生日期组件【picker】,使选择时间可精确到分、秒;优化软键盘弹出问题。兼容iPhone/Android
- 扩展微信小程序原生日期-时间组件【picker】,使选择时间可精确到分、秒;优化软键盘弹出问题。兼容iPhone/Android
- “头条信息”组件【coupon】,采用slot,使控制更轻松
- “日历”组件【calendar】:使日期选择更便捷!
## 如何使用
## 如何使用(仅为测试示例)
(components中是组件 pages里是相关使用实例)
......@@ -13,7 +15,8 @@
```
"usingComponents": {
"y-picker":"/components/yPicker/ypicker",
"y-coupon":"/components/coupon/coupon"
"y-coupon":"/components/coupon/coupon",
"y-calendar":"/components/calendar/calendar"
}
```
......@@ -21,12 +24,15 @@
然后即可在wxml中调用:
```
<y-picker slot="midR" time="{{time}}" size="right" color="#888888" defaulttext="请选择时间" seo="true" bind:bindMultiPickerChange="bindMultiPickerChange"></y-picker>
<y-picker slot="midR" time="{{time}}" size="right" color="#888888" defaulttext="请选择时间" seo="0" bind:bindMultiPickerChange="bindMultiPickerChange"></y-picker>
<y-coupon>
<image slot="l_img" src="/img/localSDK.png" mode="aspectFill"></image>
<text slot="l_text">今日头条</text>
<text slot="r_text">uagiuagfiuagf以按广东省覅蒛以爱的功夫撒个</text>
</y-coupon>
<view style="width:50%;height:500rpx;border:1rpx solid red;">
<y-calendar bind:timeload="timeload" bind:timechanged="timechanged"></y-calendar>
</view>
```
并传参!
......@@ -35,7 +41,7 @@
- open:true / false —— 是否启用已定义的颜色、字体大小 —— 必选
- size:left / center / right —— 自定义组件展示位置(默认为right) —— 可选
- color:颜色值(支持rgb、rgba、十六进制) —— 自定义选中日期后的文字颜色 —— 必选
- seo:true / false —— 是否支持“精确到秒” —— 不填或默认为false:精确到“分钟”(如果只精确到日,则用小程序自带picker即可。**本组件为微信小程序扩展组件!**
- seo:0 / 1 —— 是否支持“精确到秒” —— 不填默认为0:精确到“秒”(如果只精确到日,则用小程序自带picker即可。**本组件为微信小程序扩展组件!**
- holder:颜色值(支持rgb、rgba、十六进制) —— 自定义默认展示文字的颜色 )—— 可选
- defaulttext: 默认展示文字,如果不填则会显示“请选择时间” —— 可选
- bind:bindMultiPickerChange:接收组件传回的事件名 —— 在其中接收参数e,直接取到“字符串”形式的选中日期,便于后续操作
......@@ -43,10 +49,19 @@
### coupon(“头条信息”组件)
-
### calendar(“日历”组件)
- 无,但有两个监听函数:
- timeload:使用如:```bind:timeload="这里写函数名"```,用来在组件展示时即返回当前日期——接收一个参数e,其中包含有两个值:当前年月日和当前为周几
- timechanged:使用同上
## 展示实例
## 展示
### yPicker
具体使用见page/notice/notice
### coupon
具体使用见page/coupon/coupon
### calendar
具体使用见page/calendar/calendar
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册