You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by da...@apache.org on 2017/08/03 13:43:43 UTC
[07/12] incubator-weex git commit: * [html5] fix formate for picker
example
* [html5] fix formate for picker example
Project: http://git-wip-us.apache.org/repos/asf/incubator-weex/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-weex/commit/8f65e4b5
Tree: http://git-wip-us.apache.org/repos/asf/incubator-weex/tree/8f65e4b5
Diff: http://git-wip-us.apache.org/repos/asf/incubator-weex/diff/8f65e4b5
Branch: refs/heads/0.16-dev
Commit: 8f65e4b561eb1e032d9a41900d095ca472deefdd
Parents: dbccd89
Author: erha19 <fa...@gmail.com>
Authored: Wed Aug 2 10:53:19 2017 +0800
Committer: erha19 <fa...@gmail.com>
Committed: Wed Aug 2 10:53:19 2017 +0800
----------------------------------------------------------------------
examples/vue/modules/picker.vue | 113 +++++++++++++++++------------------
1 file changed, 56 insertions(+), 57 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/8f65e4b5/examples/vue/modules/picker.vue
----------------------------------------------------------------------
diff --git a/examples/vue/modules/picker.vue b/examples/vue/modules/picker.vue
index 7ee4b60..a15ab92 100644
--- a/examples/vue/modules/picker.vue
+++ b/examples/vue/modules/picker.vue
@@ -1,65 +1,64 @@
<template>
- <div class="conatiner">
- <div style="background-color: #286090">
- <text class="title" style="height: 80px ;padding: 20px;color: white">picker</text>
- </div>
- <div @click="normalpick" style="margin: 20px;padding:20px;background-color:#1ba1e2;color:#fff;"><text style="color:#fff">normalpick{{normalpickData}}</text></div>
- <div @click="pickDate" style="margin: 20px;padding:20px;background-color:#1ba1e2;color:#fff;"><text style="color:#fff">pickDate{{pickDateData}}</text></div>
- <div @click="pickTime" style="margin: 20px;padding:20px;background-color:#1ba1e2;color:#fff;"><text style="color:#fff">pickTime{{pickTimeData}}</text></div>
- </div>
+ <div class="conatiner">
+ <div style="background-color: #286090">
+ <text class="title" style="height: 80px ;padding: 20px;color: white">picker</text>
+ </div>
+ <div @click="normalpick" style="margin: 20px;padding:20px;background-color:#1ba1e2;color:#fff;"><text style="color:#fff">normalpick{{normalpickData}}</text></div>
+ <div @click="pickDate" style="margin: 20px;padding:20px;background-color:#1ba1e2;color:#fff;"><text style="color:#fff">pickDate{{pickDateData}}</text></div>
+ <div @click="pickTime" style="margin: 20px;padding:20px;background-color:#1ba1e2;color:#fff;"><text style="color:#fff">pickTime{{pickTimeData}}</text></div>
+ </div>
</template>
<style>
- .container {
- flex: 1;
- }
+ .container {
+ flex: 1;
+ }
</style>
<script>
- const picker = weex.requireModule('picker');
- module.exports = {
- data: {
- normalpickData:'',
- pickDateData:'',
- pickTimeData:''
- },
- methods: {
- normalpick: function() {
- var self = this;
- picker.pick({
- height: '300px',
- items: [1, 2, 3, 4],
- }, function(ret) {
- var result = ret.result;
- if (result == 'success') {
- self.normalpickData = ret.data;
- }
- })
-
- },
- pickDate: function(e) {
- var self = this;
- picker.pickDate({
- 'value': '2016-12-20',
- 'max': '2016-12-30',
- 'min': '2014-12-30',
- }, function(ret) {
- var result = ret.result;
- if (result == 'success') {
- self.pickDateData = ret.data;
- }
- });
- },
- pickTime:function(){
- var self = this;
- picker.pickTime({
- }, function(ret) {
- var result = ret.result;
- if (result == 'success') {
- self.pickTimeData = ret.data;
- }
- });
- }
- }
- }
+ const picker = weex.requireModule('picker');
+ module.exports = {
+ data: {
+ normalpickData:'',
+ pickDateData:'',
+ pickTimeData:''
+ },
+ methods: {
+ normalpick: function() {
+ var self = this;
+ picker.pick({
+ height: '300px',
+ items: [1, 2, 3, 4],
+ }, function(ret) {
+ var result = ret.result;
+ if (result == 'success') {
+ self.normalpickData = ret.data;
+ }
+ })
+ },
+ pickDate: function(e) {
+ var self = this;
+ picker.pickDate({
+ 'value': '2016-12-20',
+ 'max': '2016-12-30',
+ 'min': '2014-12-30',
+ }, function(ret) {
+ var result = ret.result;
+ if (result == 'success') {
+ self.pickDateData = ret.data;
+ }
+ });
+ },
+ pickTime:function(){
+ var self = this;
+ picker.pickTime({
+ }, function(ret) {
+ var result = ret.result;
+ if (result == 'success') {
+ self.pickTimeData = ret.data;
+ }
+ });
+ }
+ }
+ }
</script>
\ No newline at end of file