微信小程序学习之路 扫一扫

[javascript]  view plain  copy

1. //index.js  

[javascript]  view plain  copy

1. //获取应用实例  
2. var app = getApp()  
3. Page({  
4.   data: {  
5.     show: "",  
6.   },  
7.   
8.   onLoad: function () {  
9.     console.log('onLoad')  
10.   },  
11.   click: function () {  
12.     var that = this;  
13.     var show;  
14.     wx.scanCode({  
15.       success: (res) => {  
16.         this.show = "--result:" + res.result + "--scanType:" + res.scanType + "--charSet:" + res.charSet + "--path:" + res.path;  
17.         that.setData({  
18.           show: this.show  
19.         })  
20.         wx.showToast({  
21.           title: '成功',  
22.           icon: 'success',  
23.           duration: 2000  
24.         })  
25.       },  
26.       fail: (res) => {  
27.         wx.showToast({  
28.           title: '失败',  
29.           icon: 'success',  
30.           duration: 2000  
31.         })  
32.       },  
33.       complete: (res) =>{
34.       }
35. })
36. }

[css]  view plain  copy

1. .saoma{  
2.   height: 40px;  
3.   width:110px;  
4.   line-height: 40px;  
5.   margin-left: auto;  
6.   margin-right: auto;  
7.   color: #fff;  
8.   background-color: #999;  
9.   text-align: center;  
10. }  
11. .show{  
12.   width: 100%;  
13.   color: #666;  
14.   background-color: #fff;  
15.   height: auto;  
16.   
17. }  

[html]  view plain  copy

1. <view class="container">  
2.   <view class="saoma" bindtap="click">点我扫一扫</view>  
3.   <view class="show">{{show}}</view>  
4. </view>