Skip to content

html / h5wandahuijia

Go to a project
Commit 8a4e8f68 by mamingqun
Options

替换分享图为活的

parent 28ec100f
Showing with 41 additions and 249 deletions
dist15.16.zip 0 → 100644
File added
src/modules/js/api.js
import store from '../store';
// // api地址
// var server = 'http://web-comment.canskj.cn/new';
// var extra = '8';
// api地址
var server = 'http://web-comment.canskj.cn/new';
var extra = '8';
// //包装的地址
// var wrapHref = 'http://web-comment.canskj.cn/home/contest/h5/8';
//包装的地址
var wrapHref = 'http://web-comment.canskj.cn/home/contest/h5/8';
// //首页地址
// var indexHref = 'http://web-comment.iyunfish.cn/home/contest/h5/8';
// // 个人中心地址
// var userCenterHref = 'http://web-comment.iyunfish.cn/home/contest/h5/newuser/8';
//首页地址
var indexHref = 'http://web-comment.iyunfish.cn/home/contest/h5/8';
// 个人中心地址
var userCenterHref = 'http://web-comment.iyunfish.cn/home/contest/h5/newuser/8';
// var shareImg = 'http://web-comment.iyunfish.cn/home/contest/h5/static/share1.jpg';
var shareImg = 'http://web-comment.iyunfish.cn/home/contest/h5/static/share1.jpg';
// api地址
var server = 'http://wanda-qj.iyunfish.com/new';
var extra = '8';
// // api地址
// var server = 'http://wanda-qj.iyunfish.com/new';
// var extra = '8';
//包装的地址
var wrapHref = 'http://wanda-qj.maxrocky.com/home/contest/h5/8';
// //包装的地址
// var wrapHref = 'http://wanda-qj.maxrocky.com/home/contest/h5/8';
//首页地址
var indexHref = 'http://wanda-qj.iyunfish.com/home/contest/h5/8';
// 个人中心地址
var userCenterHref = 'http://wanda-qj.iyunfish.com/home/contest/h5/newuser/8';
// //首页地址
// var indexHref = 'http://wanda-qj.iyunfish.com/home/contest/h5/8';
// // 个人中心地址
// var userCenterHref = 'http://wanda-qj.iyunfish.com/home/contest/h5/newuser/8';
var shareImg = 'http://wanda-qj.iyunfish.com/home/contest/h5/static/share1.jpg';
// var shareImg = 'http://wanda-qj.iyunfish.com/home/contest/h5/static/share1.jpg';
export default{
......
src/modules/store/index.js
......@@ -38,7 +38,7 @@ export default new Vuex.Store({
state.ruweiBoxScroll = num;
},
getPublicActiveInfo(state,num){
axios.get('http://web-comment.canskj.cn/wandah5/activity/info').then((result) => {
axios.get('/wandah5/activity/info').then((result) => {
state.publicActiveInfo = result.data.data
// axios.defaults.headers.common['systemtype'] =state.publicActiveInfo.system_type;
......@@ -49,7 +49,7 @@ export default new Vuex.Store({
});
},
getPublicShareInfo(state,num){
axios.get('http://web-comment.canskj.cn/wandah5/share/info').then((result) => {
axios.get('/wandah5/share/info').then((result) => {
state.publicShareInfo = result.data.data
}).catch((err) => {
console.log(err);
......
src/pages/index/Shouye.vue
......@@ -8,14 +8,8 @@
<div class="tabBoxWrap">
<div class="tabBox">
<ul class="tab">
<li
:class="['subtab',tabActive === 1? 'active': '']"
@click="changeTab(1)"
>最新照片</li>
<li
:class="['subtab',tabActive === 2? 'active': '']"
@click="changeTab(2)"
>人气榜</li>
<li :class="['subtab',tabActive === 1? 'active': '']" @click="changeTab(1)">最新照片</li>
<li :class="['subtab',tabActive === 2? 'active': '']" @click="changeTab(2)">人气榜</li>
<li
v-if="ruwei"
:class="['subtab',tabActive === 4? 'active': '']"
......@@ -50,12 +44,7 @@
</div>
</div>
<!-- 人气榜 -->
<div
class="contentBox renqipaihang"
id="renqibangdan"
ref="renqiBox"
v-if="tabActive === 2"
>
<div class="contentBox renqipaihang" id="renqibangdan" ref="renqiBox" v-if="tabActive === 2">
<vue-waterfall-easy
v-if="renqi"
:loadingDotStyle="renqidot"
......@@ -83,7 +72,8 @@
:type="item.award"
></CardPrize>
<div class="wangqi" @click="wangqizuopin">
<span class="qita">其他获奖作品
<span class="qita">
其他获奖作品
<div id="trangle"></div>
</span>
</div>
......@@ -211,12 +201,13 @@ export default {
},
created() {
var _this = this;
//http://web-comment.canskj.cn/wandah5/activity/info
//http://wanda-qj.iyunfish.com/wandah5/activity/info
axios.get('http://web-comment.canskj.cn/wandah5/activity/info').then((result) => {
console.log('活动的data');
console.log(result.data.data);
console.log('活动的data')
console.log(result.data.data)
window.windowIndexHref = result.data.data.indexHref
window.windowUserCenterHref = result.data.data.userCenterHref
......@@ -266,14 +257,12 @@ export default {
this.tongbudianzan(this.huojiang, data);
});
this.watchEventBus();
// setTimeout(() => {
// this.watchScroll(1);
// this.bannerHeight = $('.topBox5686').height();
// }, 200);
setTimeout(() => {
console.log('this.$store.state.publicShareInfo')
console.log( this.$store.state.publicShareInfo.image )
}, 1000);
},
activated() {
setTimeout(() => {
......@@ -317,11 +306,6 @@ export default {
},
changeTab(num) {
var _this = this;
// setTimeout(() => {
// this.watchScroll(num);
// },200);
try {
if (num === 1 || num === 3) {
this.renqiBox = this.$refs.renqiBox.getElementsByClassName(
......@@ -492,20 +476,6 @@ export default {
res.data.data.count / res.data.data.size
);
// if (arr.length === 0) {
// return;
// }
// if (Number(res.data.data.page) === Number(totalPage)) {
// this.lastAllLoaded = true;
// this.ruweidot = { backgroundColor: 'transparent' };
// setTimeout(() => {
// Toast({
// message: '没有更多'
// });
// }, 2000);
// }
if (res.data.data.data.length === 0) {
this.lastAllLoaded = true;
......@@ -587,31 +557,6 @@ export default {
}
});
// var data1 = {
// title: '春节回家，拍照有奖', // 分享标题
// link: window.windowWrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
// imgUrl: api.shareImg, // 分享图标
// success: function () { }
// }
// wx.onMenuShareTimeline(tar.shapeShareTimeline(data1));
// // // 获取“分享给朋友”按钮点击状态及自定义分享内容接口（即将废弃）
// var data2 = {
// title: '春节回家，拍照有奖', // 分享标题
// desc: _this.$randomText(), // 分享描述
// // link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
// link: window.windowWrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
// imgUrl: api.shareImg, // 分享图标
// type: '', // 分享类型,music、video或link，不填默认为link
// dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
// success: function () {
// // 用户点击了分享后执行的回调函数
// }
// }
// wx.onMenuShareAppMessage(tar.shapeShareAppMessage(data2));
// // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0）
wx.updateAppMessageShareData(
{
......@@ -619,7 +564,7 @@ export default {
title: tools.randomShareTitle(), // 分享标题
desc: tools.randomShareDesc(), // 分享描述
link: window.windowWrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: api.shareImg // 分享图标
imgUrl: this.$store.state.publicShareInfo.image // 分享图标
},
function (res) {
//这里是回调函数
......@@ -631,75 +576,12 @@ export default {
{
title: tools.randomShareTitle(), // 分享标题
link: window.windowWrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: api.shareImg // 分享图标
imgUrl: this.$store.state.publicShareInfo.image // 分享图标
},
function (res) {
//这里是回调函数
}
);
// // 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口（即将废弃）
// wx.onMenuShareTimeline({
// title: '春节回家，拍照有奖', // 分享标题
// link: window.windowWrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
// imgUrl: api.shareImg, // 分享图标
// success: function () { }
// });
// // // 获取“分享给朋友”按钮点击状态及自定义分享内容接口（即将废弃）
// wx.onMenuShareAppMessage({
// title: '春节回家，拍照有奖', // 分享标题
// desc: _this.$randomText(), // 分享描述
// link: window.windowWrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
// imgUrl: api.shareImg, // 分享图标
// type: '', // 分享类型,music、video或link，不填默认为link
// dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
// success: function () {
// // 用户点击了分享后执行的回调函数
// }
// });
// // // 获取“分享到QQ”按钮点击状态及自定义分享内容接口（即将废弃）
// wx.onMenuShareQQ({
// title: '春节回家，拍照有奖', // 分享标题
// desc: _this.$randomText(), // 分享描述
// link: window.windowWrapHref, // 分享链接
// imgUrl: api.shareImg, // 分享图标
// success: function () {
// // 用户确认分享后执行的回调函数
// },
// cancel: function () {
// // 用户取消分享后执行的回调函数
// }
// });
// // // 获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口
// wx.onMenuShareWeibo({
// title: '春节回家，拍照有奖', // 分享标题
// desc: _this.$randomText(), // 分享描述
// link: window.windowWrapHref, // 分享链接
// imgUrl: api.shareImg, // 分享图标
// success: function () {
// // 用户确认分享后执行的回调函数
// },
// cancel: function () {
// // 用户取消分享后执行的回调函数
// }
// });
// // // 获取“分享到QQ空间”按钮点击状态及自定义分享内容接口（即将废弃）
// wx.onMenuShareQZone({
// title: '春节回家，拍照有奖', // 分享标题
// desc: _this.$randomText(), // 分享描述
// link: window.windowWrapHref, // 分享链接
// imgUrl: api.shareImg, // 分享图标
// success: function () {
// // 用户确认分享后执行的回调函数
// },
// cancel: function () {
// // 用户取消分享后执行的回调函数
// }
// });
});
wx.error(function (res) {
......@@ -1071,8 +953,7 @@ export default {
width: 80px;
height: 80px;
// margin: 0 auto;
background: url("~@/pages/index/assets/images/colse.png")
no-repeat;
background: url("~@/pages/index/assets/images/colse.png") no-repeat;
background-size: 100% 100%;
}
}
......
src/pages/user/User.vue
......@@ -80,7 +80,7 @@ export default {
created() {
var _this = this
axios.get('http://web-comment.canskj.cn/wandah5/activity/info').then((result) => {
axios.get('http://wanda-qj.iyunfish.com/wandah5/activity/info').then((result) => {
var type = result.data.data.system_type;
console.log('活动的data');
......@@ -224,39 +224,13 @@ export default {
}
});
// // 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口（即将废弃）
// var data1 = {
// title: '春节回家，拍照有奖', // 分享标题
// link: window.windowWrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
// imgUrl: api.shareImg, // 分享图标
// success: function () { }
// }
// wx.onMenuShareTimeline(tar.shapeShareTimeline(data1));
// // // 获取“分享给朋友”按钮点击状态及自定义分享内容接口（即将废弃）
// var data2 = {
// title: '春节回家，拍照有奖', // 分享标题
// desc: _this.$randomText(), // 分享描述
// // link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
// link: window.windowWrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
// imgUrl: api.shareImg, // 分享图标
// type: '', // 分享类型,music、video或link，不填默认为link
// dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
// success: function () {
// // 用户点击了分享后执行的回调函数
// }
// }
// wx.onMenuShareAppMessage(tar.shapeShareAppMessage(data2));
// // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0）
wx.updateAppMessageShareData(
{
title: tools.randomShareTitle(), // 分享标题
desc: tools.randomShareDesc(), // 分享描述
link: window.windowWrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: api.shareImg // 分享图标
imgUrl: this.$store.state.publicShareInfo.image // 分享图标
},
function (res) {
//这里是回调函数
......@@ -268,75 +242,12 @@ export default {
{
title: tools.randomShareTitle(), // 分享标题
link: window.windowWrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: api.shareImg // 分享图标
imgUrl: this.$store.state.publicShareInfo.image // 分享图标
},
function (res) {
//这里是回调函数
}
);
// // 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口（即将废弃）
// wx.onMenuShareTimeline({
// title: '春节回家，拍照有奖', // 分享标题
// link: window.windowWrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
// imgUrl: api.shareImg, // 分享图标
// success: function() {}
// });
// // // 获取“分享给朋友”按钮点击状态及自定义分享内容接口（即将废弃）
// wx.onMenuShareAppMessage({
// title: '春节回家，拍照有奖', // 分享标题
// desc: _this.$randomText(), // 分享描述
// link: window.windowWrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
// imgUrl: api.shareImg, // 分享图标
// type: '', // 分享类型,music、video或link，不填默认为link
// dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
// success: function() {
// // 用户点击了分享后执行的回调函数
// }
// });
// // // 获取“分享到QQ”按钮点击状态及自定义分享内容接口（即将废弃）
// wx.onMenuShareQQ({
// title: '春节回家，拍照有奖', // 分享标题
// desc: _this.$randomText(), // 分享描述
// link: window.windowWrapHref, // 分享链接
// imgUrl: api.shareImg, // 分享图标
// success: function() {
// // 用户确认分享后执行的回调函数
// },
// cancel: function() {
// // 用户取消分享后执行的回调函数
// }
// });
// // // 获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口
// wx.onMenuShareWeibo({
// title: '春节回家，拍照有奖', // 分享标题
// desc: _this.$randomText(), // 分享描述
// link: window.windowWrapHref, // 分享链接
// imgUrl: api.shareImg, // 分享图标
// success: function() {
// // 用户确认分享后执行的回调函数
// },
// cancel: function() {
// // 用户取消分享后执行的回调函数
// }
// });
// // // 获取“分享到QQ空间”按钮点击状态及自定义分享内容接口（即将废弃）
// wx.onMenuShareQZone({
// title: '春节回家，拍照有奖', // 分享标题
// desc: _this.$randomText(), // 分享描述
// link: window.windowWrapHref, // 分享链接
// imgUrl: api.shareImg, // 分享图标
// success: function() {
// // 用户确认分享后执行的回调函数
// },
// cancel: function() {
// // 用户取消分享后执行的回调函数
// }
// });
});
wx.error(function (res) {
......
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