添加picker

Tencent · Dec 6, 2016 · afe58de · afe58de
1 parent 2c3ebdb
commit afe58de
Show file tree

Hide file tree

Showing 10 changed files with 96 additions and 2 deletions.
diff --git a/dist/app.json b/dist/app.json
@@ -25,6 +25,7 @@
  "example/msg/msg",
  "example/msg/msg_success",
  "example/msg/msg_fail",
+ "example/picker/picker",
  "example/toast/toast",
 
  "example/navbar/navbar",

diff --git a/dist/example/index.js b/dist/example/index.js
@@ -17,7 +17,7 @@ Page({
  id: 'feedback',
  name: '操作反馈',
  open: false,
- pages: ['actionsheet', 'dialog', 'msg', 'toast']
+ pages: ['actionsheet', 'dialog', 'msg', 'picker', 'toast']
  },
  {
  id: 'nav',

diff --git a/dist/example/picker/picker.js b/dist/example/picker/picker.js
@@ -0,0 +1,24 @@
+Page({
+ data: {
+ array: ['美国', '中国', '巴西', '日本'],
+ index: 0,
+ date: '2016-09-01',
+ time: '12:01'
+ },
+ bindPickerChange: function(e) {
+ console.log('picker发送选择改变，携带值为', e.detail.value)
+ this.setData({
+ index: e.detail.value
+ })
+ },
+ bindDateChange: function(e) {
+ this.setData({
+ date: e.detail.value
+ })
+ },
+ bindTimeChange: function(e) {
+ this.setData({
+ time: e.detail.value
+ })
+ }
+});
diff --git a/dist/example/picker/picker.wxml b/dist/example/picker/picker.wxml
@@ -0,0 +1,19 @@
+<view class="page">
+ <view class="page__hd">
+ <view class="page__title">Picker</view>
+ <view class="page__desc">选择器，这里使用小程序原生的picker。</view>
+ </view>
+ <view class="page__bd">
+ <view class="weui-btn-area">
+ <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
+ <button type="default">单列选择器</button>
+ </picker>
+ <picker class="weui-btn" mode="time" value="{{time}}" start="09:01" end="21:01" bindchange="bindTimeChange">
+ <button type="default">时间选择器</button>
+ </picker>
+ <picker class="weui-btn" mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
+ <button type="default">日期选择器</button>
+ </picker>
+ </view>
+ </view>
+</view>
diff --git a/dist/example/picker/picker.wxss b/dist/example/picker/picker.wxss
@@ -0,0 +1,3 @@
+page{
+ background-color: #FFFFFF;
+}
diff --git a/src/app.json b/src/app.json
@@ -25,6 +25,7 @@
  "example/msg/msg",
  "example/msg/msg_success",
  "example/msg/msg_fail",
+ "example/picker/picker",
  "example/toast/toast",
 
  "example/navbar/navbar",

diff --git a/src/example/index.js b/src/example/index.js
@@ -17,7 +17,7 @@ Page({
  id: 'feedback',
  name: '操作反馈',
  open: false,
- pages: ['actionsheet', 'dialog', 'msg', 'toast']
+ pages: ['actionsheet', 'dialog', 'msg', 'picker', 'toast']
  },
  {
  id: 'nav',

diff --git a/src/example/picker/picker.js b/src/example/picker/picker.js
@@ -0,0 +1,24 @@
+Page({
+ data: {
+ array: ['美国', '中国', '巴西', '日本'],
+ index: 0,
+ date: '2016-09-01',
+ time: '12:01'
+ },
+ bindPickerChange: function(e) {
+ console.log('picker发送选择改变，携带值为', e.detail.value)
+ this.setData({
+ index: e.detail.value
+ })
+ },
+ bindDateChange: function(e) {
+ this.setData({
+ date: e.detail.value
+ })
+ },
+ bindTimeChange: function(e) {
+ this.setData({
+ time: e.detail.value
+ })
+ }
+});
diff --git a/src/example/picker/picker.wxml b/src/example/picker/picker.wxml
@@ -0,0 +1,19 @@
+<view class="page">
+ <view class="page__hd">
+ <view class="page__title">Picker</view>
+ <view class="page__desc">选择器，这里使用小程序原生的picker。</view>
+ </view>
+ <view class="page__bd">
+ <view class="weui-btn-area">
+ <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
+ <button type="default">单列选择器</button>
+ </picker>
+ <picker class="weui-btn" mode="time" value="{{time}}" start="09:01" end="21:01" bindchange="bindTimeChange">
+ <button type="default">时间选择器</button>
+ </picker>
+ <picker class="weui-btn" mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
+ <button type="default">日期选择器</button>
+ </picker>
+ </view>
+ </view>
+</view>
diff --git a/src/example/picker/picker.wxss b/src/example/picker/picker.wxss
@@ -0,0 +1,3 @@
+page{
+ background-color: #FFFFFF;
+}