weui.js java_WEUI控件JS用法

1 /*dialog*/

2 document.querySelector('#alertBtn').addEventListener('click', function() {3 _weui2.default.alert('自定义标题的alert', function() {4 console.log('ok');5 }, {6 title: '自定义标题'

7 });8 });9

10 /*confirm*/

11 document.querySelector('#confirmBtn').addEventListener('click', function() {12 _weui2.default.confirm('自定义标题的confirm', function() {13 console.log('yes');14 }, function() {15 console.log('no');16 }, {17 title: '自定义标题'

18 });19 });20

21 /*toast*/

22 document.querySelector('#toastBtn').addEventListener('click', function() {23 _weui2.default.toast('操作成功', {24 duration: 3000,25 className: "bears"

26 });27 });28

29 /*loading*/

30 document.querySelector('#loadingBtn').addEventListener('click', function() {31 var loading = _weui2.default.loading('loading');32 setTimeout(function() {33 loading.hide();34 }, 3000);35 });36

37 /*actionSheet*/

38 document.querySelector('#actionSheetBtn').addEventListener('click', function() {39 _weui2.default.actionSheet([{40 label: '拍照',41 onClick: functiononClick() {42 console.log('拍照');43 }44 }, {45 label: '从相册选择',46 onClick: functiononClick() {47 console.log('从相册选择');48 }49 }, {50 label: '其他',51 onClick: functiononClick() {52 console.log('其他');53 }54 }], [{55 label: '取消',56 onClick: functiononClick() {57 console.log('取消');58 }59 }], {60 className: "custom-classname"

61 });62 });63

64 /*topTips*/

65 document.querySelector('#topTipsBtn').addEventListener('click', function() {66 _weui2.default.topTips('请填写正确的字段', {67 duration: 3000,68 className: "custom-classname",69 callback: functioncallback() {70 console.log('close');71 }72 });73 });74

75 /*picker*/

76 //普通选择器

77 document.querySelector('#pickerBtn').addEventListener('click', function() {78 _weui2.default.picker([{79 label: '飞机票',80 value: 0

81 }, {82 label: '火车票(disabled)',83 disabled: true,84 value: 1

85 }, {86 label: '的士票(disabled)',87 disabled: true,88 value: 2

89 }, {90 label: '住宿费',91 value: 3

92 }, {93 label: '礼品费',94 value: 11<