-
Notifications
You must be signed in to change notification settings - Fork 1
/
actionsheet.vue
53 lines (50 loc) · 1.59 KB
/
actionsheet.vue
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<template>
<div class="container">
<text style="margin-bottom: 20px; font-size: 32px;">action value: {{value}}, index : {{index}}</text>
<mpwx-btn label="Create Action" id="0" @onBtnClicked="createAction"></mpwx-btn>
</div>
</template>
<style>
.container{
flex: 1;
padding: 40px;
}
</style>
<script>
import MpwxBtn from "../mpwx-btn"
const actionSheet = weex.requireModule('actionSheet');
module.exports = {
components : {MpwxBtn},
data: {
value: '',
index: -1
},
methods: {
createAction: function() {
var items = [
{'type': 0,'message':'确认'},
{'type': 1,'message':'取消'},
{'type': 2,'message':'删除'}
];
var self = this;
actionSheet.create({
'items':items,
'title':'提示',
'message':'欢迎使用MPWeex'
}, function (ret) {
var result = ret.result;
if(result == 'success') {
self.value = ret.data.message;
self.index = ret.data.index;
}else if(result == 'cancel') {
self.value = '取消';
self.index = -1;
}else if(result == 'error') {
self.value = ret.data;
self.index = -1;
}
});
}
}
}
</script>