From 73853ad515516d406021bbbd0e7b79cd7134dbb3 Mon Sep 17 00:00:00 2001 From: fengchengzhi Date: Wed, 19 Sep 2018 16:36:04 +0800 Subject: [PATCH] home --- package.json | 2 +- src/assets/images/icon/wx-icon.png | Bin 0 -> 4751 bytes src/main.js | 86 +++++++++++++++++------------ src/models/wxShare.js | 53 ++++++++++++++++++ src/view/home.vue | 15 +++-- src/view/poster.vue | 9 ++- 6 files changed, 120 insertions(+), 45 deletions(-) create mode 100644 src/assets/images/icon/wx-icon.png create mode 100644 src/models/wxShare.js diff --git a/package.json b/package.json index b611516..2e19c4c 100644 --- a/package.json +++ b/package.json @@ -15,7 +15,7 @@ "element-ui": "^2.4.6", "lodash": "^4.17.4", "vue": "^2.5.9", - "vue-awesome-swiper": "3.4.2", + "vue-awesome-swiper": "^3.1.3", "vue-router": "^2.8.1", "vue-template-compiler": "^2.5.9", "vue-weui": "^0.3.2", diff --git a/src/assets/images/icon/wx-icon.png b/src/assets/images/icon/wx-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..d1d70ab2bba727e0a9f326895dd8984f44408f1d GIT binary patch literal 4751 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 -// console.log(res) -// //配置微信参数 -//// wx.config({ -//// debug: false, // 开启调试模式,开发时可以开启 -//// appId: Data.appid, // 必填，公众号的唯一标识 由接口返回 -//// timestamp: Data.timestamp, // 必填，生成签名的时间戳 由接口返回 -//// nonceStr: Data.nonceStr, // 必填，生成签名的随机串 由接口返回 -//// signature: Data.signature, // 必填，签名 由接口返回 -//// jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline'] -//// }) -////// 验证参数通过后 -//// wx.ready(()=>{ -//// -//// }) -// -// }).error((error)=>{ -// +// axios.get(wxconfigApi).then(function(response) { +// var response = response +// console.log('123',response) +// var jsApiSignConfig = response.data.data.jsApiSignConfig +// console.log(response) +// wx.config({ +// debug: true, // 开启调试模式,开发时可以开启 +// appId: jsApiSignConfig.appId, // 必填，公众号的唯一标识 由接口返回 +// timestamp: jsApiSignConfig.timestamp, // 必填，生成签名的时间戳 由接口返回 +// nonceStr: jsApiSignConfig.nonceStr, // 必填，生成签名的随机串 由接口返回 +// signature: jsApiSignConfig.signature, // 必填，签名 由接口返回 +// jsApiList: response.data.data.jsApiList +// }) +// +// wx.ready(() => { +// wx.onMenuShareAppMessage({ // 分享给朋友 +// title: response.data.data.shareConfig.title, // 分享标题 +// desc: response.data.data.shareConfig.desc, // 分享描述 +// link: response.data.data.shareConfig.url, // 分享链接 默认以当前链接 +// imgUrl: response.data.data.shareConfig.img, // 分享图标 +// }) +// }) +// +// // }) +// .catch(function(error) { +// console.log(error); +// }); // +// // wx.ready(() => { +// // var imgUrl = 'http://www.yihaojiazheng.cn/mall/web/share/config' +// // wx.onMenuShareAppMessage({ // 分享给朋友 +// // title: title, // 分享标题 +// // desc: desc, // 分享描述 +// // link: link, // 分享链接 默认以当前链接 +// // imgUrl: imgUrl, // 分享图标 +// // }) +// // }) +// //} - - -var v = new Vue({ - el: '#app', - router, - template: '', - components: {App} +var vue = new Vue({ + el: '#app', + router, + template: '', + components: { + App + } }) - -//v.wxShare(); \ No newline at end of file +//vue.wxShare(); \ No newline at end of file diff --git a/src/models/wxShare.js b/src/models/wxShare.js new file mode 100644 index 0000000..9d4c00e --- /dev/null +++ b/src/models/wxShare.js @@ -0,0 +1,53 @@ + +import Vue from 'vue' +import wx from 'weixin-js-sdk' +import axios from 'axios' + +//微信分享功能 + +Vue.prototype.wxShareL = function(link) { + var wxconfigApi = 'http://1hjz.3ncto.com.cn/mall/web/share/config'; + axios.get(wxconfigApi).then(function(response) { + + var response = response + var jsApiSignConfig = response.data.data.jsApiSignConfig + var shareConfig = response.data.data.shareConfig + + wx.config({ + debug: false, // 开启调试模式,开发时可以开启 + appId: jsApiSignConfig.appId, // 必填，公众号的唯一标识 由接口返回 + timestamp: jsApiSignConfig.timestamp, // 必填，生成签名的时间戳 由接口返回 + nonceStr: jsApiSignConfig.nonceStr, // 必填，生成签名的随机串 由接口返回 + signature: jsApiSignConfig.signature, // 必填，签名 由接口返回 + jsApiList: response.data.data.jsApiList + }) + console.log('jsApiSignConfig',jsApiSignConfig) + console.log('shareConfig',shareConfig) + + wx.ready(() => { + //获取“分享给朋友”按钮点击状态及自定义分享内容接口 + wx.onMenuShareAppMessage({ // 分享给朋友 + title: shareConfig.title, // 分享标题 + desc: shareConfig.desc, // 分享描述 + link: shareConfig.url, // 分享链接 默认以当前链接 + imgUrl: shareConfig.img, // 分享图标 + }) + }) + + + }) + .catch(function(error) { + console.log(error); + }); + + // wx.ready(() => { + // var imgUrl = 'http://www.yihaojiazheng.cn/mall/web/share/config' + // wx.onMenuShareAppMessage({ // 分享给朋友 + // title: title, // 分享标题 + // desc: desc, // 分享描述 + // link: link, // 分享链接 默认以当前链接 + // imgUrl: imgUrl, // 分享图标 + // }) + // }) + +} \ No newline at end of file diff --git a/src/view/home.vue b/src/view/home.vue index 8f197e0..f0f8fce 100644 --- a/src/view/home.vue +++ b/src/view/home.vue @@ -35,7 +35,7 @@

{{item1.name}}

{{item1.shortDesc}}
-
{{toJSON(item1.smallLabel)}}
+
{{toJSON(item1.smallLabel)}}
￥ {{item1.originalPrice > 0 ? item1.originalPrice/100 : item1.price/100}} 立即购买 @@ -69,7 +69,7 @@