微信小程序开发-仿爱卡案例源码.zip

// 获取小程序实例 var app = getApp() var sourceType = [ ['camera'], ['album'], ['camera', 'album'] ] var sizeType = [ ['compressed'], ['original'], ['compressed', 'original'] ] Page({ // 数据 data: { hasNetworkType: false, systemInfo: {}, /* 图片数据 */ sourceTypeIndex: 2, sourceType: ['拍照', '相册', '拍照或相册'], sizeTypeIndex: 2, sizeType: ['压缩', '原图', '原图或压缩'], countIndex: 8, count: [1, 2, 3, 4, 5, 6, 7, 8, 9], // 获取缓存API imageList: wx.getStorageSync('imageList'), /* 音乐数据 */ src: "http://dl.stream.qqmusic.qq.com/C200000NU7383cWdmL.m4a?vkey=E31E70383485A0459D7205BB83D038F37F75AF304BCEA8EF9CBAFB894A6DF31637EAB85BD4DBF49345768B96F6DBF709971AF5AA97D17B9F&guid=5261462800&fromtag=30", poster: 'http://y.gtimg.cn/music/photo_new/T002R300x300M000002dvsSx27UO6o.jpg?max_age=2592000', name: 'Until You', author: 'Shayne Ward', }, onLoad: function() { this.setData({ hasLogin: app.globalData.hasLogin }) }, /* 获取 网络类型函数 */ getNetworkType: function() { var that = this; // 调取 网络类型API wx.getNetworkType({ success: function(res) { console.log(res) that.setData({ hasNetworkType: true, networkType: res.networkType }) } }) }, // 清除 网络状态的数据 clear: function() { this.setData({ hasNetworkType: false, networkType: '' }) }, /* 获取 系统信息函数 */ getSystemInfo: function() { var that = this; // 调取 系统信息API wx.getSystemInfo({ success: function(res) { console.log(res) that.setData({ systemInfo: res }) } }); // 3秒后 清空系统信息 setTimeout(function () { that.setData({ systemInfo: {} }); // 消息提示框API wx.showToast({ title: "持续3秒,数据已清空", duration: 2000, success: function() { console.log("消息提示框API调用成功,持续2秒") } }); }, 3000) }, /* 选择图片函数 */ sourceTypeChange: function(e) { console.log(e); this.setData({ sourceTypeIndex: e.detail.value }); }, sizeTypeChange: function(e) { console.log(e); this.setData({ sizeTypeIndex: e.detail.value }); }, countChange: function(e) { console.log(e); this.setData({ countIndex: e.detail.value }); }, // 选择函数 chooseImage: function() { var that = this; // 选择图片API wx.chooseImage({ sourceType: sourceType[this.data.sourceTypeIndex], sizeType: sizeType[this.data.sizeTypeIndex], count: this.data.count[this.data.countIndex], success: function(res){ console.log(res); console.log(res.tempFilePaths) //数据缓存API wx.setStorageSync('imageList', res.tempFilePaths); that.setData({ imageList: res.tempFilePaths }) //模态弹窗API wx.showModal({ title: "上传成功", content: "下次进入应用时，图片仍存在", cancelColor: "red" }) } }) }, // 预览图片API previewImage: function(e) { console.log(e) var current = e.target.dataset.src; // 预览图片API wx.previewImage({ current: current, urls: this.data.imageList }) }, // 清除图片 clearFile: function() { // 清除缓存API wx.removeStorageSync("imageList") this.setData({ imageList: [] }) console.log("点击了清除图片按钮") }, /* 登录函数 */ login: function() { var that = this; // 登录API wx.login({ success: function(res){ console.log(res) // 改变全局属性 app.globalData.hasLogin = true; that.setData({ hasLogin: app.globalData.hasLogin }) } }) }, /* 获取用户信息函数 */ getUserInfo: function() { var that = this; if (app.globalData.hasLogin === false) { // 模态框API wx.showModal({ title: "还未登录", content: "请先登录..." }) } else { // 调用获取信息函数 _getUserInfo() } // 获取信息函数 function _getUserInfo() { // 获取用户信息API wx.getUserInfo({ success: function(res) { console.log(res) that.setData({ userInfo: res.userInfo }) } }) } }, // 预览用户头像 previewUser: function(res) { var userImage = res.target.dataset.userImage var urls = [] // 追加元素到数组 urls.push(userImage) // 预览图片API wx.previewImage({ current: userImage, urls: urls, }) }, // 清除用户信息 clearUserInfo: function() { this.setData({ userInfo: {} }) }, /* 支付函数 */ payment: function(res) { console.log(res) var that = this; console.log('时间戳：' + that.createTimeStamp()) console.log("随机字符串：" + that.createNonceStr()) // 支付API wx.requestPayment({ timeStamp: new Date().getTime(), nonceStr: that.createNonceStr(), package: "prepay_id=u802345jgfjsdfgsdg888", signType: "MD5", paySign: "70EA570631E4BB79628FBCA90534C63FF7FADD89", success: function(res) { console.log("支付成功") }, fail: function(res) { console.log("支付失败") }, complete: function() { console.log("支付结束") } }) console.log("支付...") }, // 随机字符串 createNonceStr: function() { var nonceStr = Math.random().toString(36).substr(2, 15); return nonceStr; }, // 时间戳 createTimeStamp: function() { var timeStamp = parseInt(new Date().getTime() / 1000) + '' return timeStamp; } })