Skip to content

html / h5wandahuijia

Go to a project
Commit 9e6a7ba4 by mamingqun
Options

修改分享标题和分享描述为后台接口

parent b03e7fb0
Showing with 46 additions and 13 deletions
src/components/Detail.vue
...@@ -47,6 +47,8 @@ import wx from 'weixin-js-sdk'; ...@@ -47,6 +47,8 @@ import wx from 'weixin-js-sdk';
import api from '@/modules/js/api.js'; import api from '@/modules/js/api.js';
import tools from '@/modules/js/tools';
export default { export default {
data() { data() {
return { return {
...@@ -208,7 +210,7 @@ export default { ...@@ -208,7 +210,7 @@ export default {
// 自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0） // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0）
wx.updateAppMessageShareData( wx.updateAppMessageShareData(
{ {
title: _this.$randomText(), // 分享标题 title: tools.randomShareTitle(), // 分享标题
// desc: '@'+ this.pictureInfo.nickname +', ' + _this.pictureInfo.desc, // 分享描述 // desc: '@'+ this.pictureInfo.nickname +', ' + _this.pictureInfo.desc, // 分享描述
// desc: _this.pictureInfo.desc, // 分享描述 // desc: _this.pictureInfo.desc, // 分享描述
desc: _this.pictureInfo.desc, // 分享描述 desc: _this.pictureInfo.desc, // 分享描述
...@@ -224,7 +226,7 @@ export default { ...@@ -224,7 +226,7 @@ export default {
// 自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容（1.4.0） // 自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容（1.4.0）
wx.updateTimelineShareData( wx.updateTimelineShareData(
{ {
title: _this.$randomText(), // 分享标题 title: tools.randomShareTitle(), // 分享标题
link: this.url, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 link: this.url, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: _this.pictureInfo.image // 分享图标 imgUrl: _this.pictureInfo.image // 分享图标
}, },
......
src/modules/js/api.js
import store from '../store';
// api地址 // api地址
var server = 'http://web-comment.canskj.cn/new'; var server = 'http://web-comment.canskj.cn/new';
......
src/modules/js/tools.js 0 → 100644
import store from '../store';
import Vue from 'vue';
function RandomNumBoth(Min, Max) {
var Range = Max - Min - 1;
var Rand = Math.random();
var num = Min + Math.round(Rand * Range);
return num;
}
let randomShareTitle = function () {
var length = store.state.publicShareInfo.title.length
var index = RandomNumBoth(0,length);
return store.state.publicShareInfo.title[index]
}
let randomShareDesc = function randomShareDesc() {
var length = store.state.publicShareInfo.desc.length
var index = RandomNumBoth(0,length);
return store.state.publicShareInfo.desc[index]
}
export default { randomShareTitle , randomShareDesc}
src/pages/index/Shouye.vue
...@@ -141,6 +141,8 @@ import ruwei from './ruwei.vue'; ...@@ -141,6 +141,8 @@ import ruwei from './ruwei.vue';
import api from '@/modules/js/api.js'; import api from '@/modules/js/api.js';
import tools from '@/modules/js/tools';
export default { export default {
data() { data() {
return { return {
...@@ -226,11 +228,6 @@ export default { ...@@ -226,11 +228,6 @@ export default {
this.getRuweiList(); this.getRuweiList();
// this.hiddenBar(); // this.hiddenBar();
setTimeout(() => {
console.log('store的数据');
console.log(store.state.publicActiveInfo);
}, 500);
}, },
mounted() { mounted() {
...@@ -591,8 +588,9 @@ export default { ...@@ -591,8 +588,9 @@ export default {
// // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0） // // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0）
wx.updateAppMessageShareData( wx.updateAppMessageShareData(
{ {
title: _this.$randomText() , // 分享标题 // title: _this.$randomText() , // 分享标题
desc: '春节回家，拍照有奖', // 分享描述 title: tools.randomShareTitle() , // 分享标题
desc: tools.randomShareDesc(), // 分享描述
link: api.wrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 link: api.wrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: api.shareImg // 分享图标 imgUrl: api.shareImg // 分享图标
}, },
...@@ -604,7 +602,7 @@ export default { ...@@ -604,7 +602,7 @@ export default {
// // 自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容（1.4.0） // // 自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容（1.4.0）
wx.updateTimelineShareData( wx.updateTimelineShareData(
{ {
title: _this.$randomText(), // 分享标题 title: tools.randomShareTitle(), // 分享标题
link: api.wrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 link: api.wrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: api.shareImg // 分享图标 imgUrl: api.shareImg // 分享图标
}, },
......
src/pages/user/App.vue
...@@ -45,6 +45,9 @@ export default { ...@@ -45,6 +45,9 @@ export default {
// this.hiddenBar(); // this.hiddenBar();
this.judgeShare() this.judgeShare()
this.getActiveInfo() this.getActiveInfo()
store.commit('getPublicActiveInfo');
store.commit('getPublicShareInfo');
}, },
activated(){ activated(){
// this.hiddenBar(); // this.hiddenBar();
......
src/pages/user/User.vue
...@@ -58,6 +58,9 @@ import wx from 'weixin-js-sdk'; ...@@ -58,6 +58,9 @@ import wx from 'weixin-js-sdk';
import api from '@/modules/js/api.js'; import api from '@/modules/js/api.js';
import tools from '@/modules/js/tools';
export default { export default {
data() { data() {
return { return {
...@@ -219,8 +222,8 @@ export default { ...@@ -219,8 +222,8 @@ export default {
// // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0） // // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0）
wx.updateAppMessageShareData( wx.updateAppMessageShareData(
{ {
title: _this.$randomText() , // 分享标题 title: tools.randomShareTitle() , // 分享标题
desc: '春节回家，拍照有奖', // 分享描述 desc: tools.randomShareDesc(), // 分享描述
link: api.wrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 link: api.wrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: api.shareImg // 分享图标 imgUrl: api.shareImg // 分享图标
}, },
...@@ -232,7 +235,7 @@ export default { ...@@ -232,7 +235,7 @@ export default {
// // 自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容（1.4.0） // // 自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容（1.4.0）
wx.updateTimelineShareData( wx.updateTimelineShareData(
{ {
title: _this.$randomText(), // 分享标题 title: tools.randomShareTitle(), // 分享标题
link: api.wrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 link: api.wrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: api.shareImg // 分享图标 imgUrl: api.shareImg // 分享图标
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment