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'; import store from '../store';
// // api地址 // api地址
// var server = 'http://web-comment.canskj.cn/new'; var server = 'http://web-comment.canskj.cn/new';
// var extra = '8'; 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 indexHref = 'http://web-comment.iyunfish.cn/home/contest/h5/8';
// // 个人中心地址 // 个人中心地址
// var userCenterHref = 'http://web-comment.iyunfish.cn/home/contest/h5/newuser/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地址 // // api地址
var server = 'http://wanda-qj.iyunfish.com/new'; // var server = 'http://wanda-qj.iyunfish.com/new';
var extra = '8'; // 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 indexHref = 'http://wanda-qj.iyunfish.com/home/contest/h5/8';
// 个人中心地址 // // 个人中心地址
var userCenterHref = 'http://wanda-qj.iyunfish.com/home/contest/h5/newuser/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{ export default{
......
src/modules/store/index.js
...@@ -38,7 +38,7 @@ export default new Vuex.Store({ ...@@ -38,7 +38,7 @@ export default new Vuex.Store({
state.ruweiBoxScroll = num; state.ruweiBoxScroll = num;
}, },
getPublicActiveInfo(state,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 state.publicActiveInfo = result.data.data
// axios.defaults.headers.common['systemtype'] =state.publicActiveInfo.system_type; // axios.defaults.headers.common['systemtype'] =state.publicActiveInfo.system_type;
...@@ -49,7 +49,7 @@ export default new Vuex.Store({ ...@@ -49,7 +49,7 @@ export default new Vuex.Store({
}); });
}, },
getPublicShareInfo(state,num){ 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 state.publicShareInfo = result.data.data
}).catch((err) => { }).catch((err) => {
console.log(err); console.log(err);
......
src/pages/index/Shouye.vue
...@@ -8,14 +8,8 @@ ...@@ -8,14 +8,8 @@
<div class="tabBoxWrap"> <div class="tabBoxWrap">
<div class="tabBox"> <div class="tabBox">
<ul class="tab"> <ul class="tab">
<li <li :class="['subtab',tabActive === 1? 'active': '']" @click="changeTab(1)">最新照片</li>
:class="['subtab',tabActive === 1? 'active': '']" <li :class="['subtab',tabActive === 2? 'active': '']" @click="changeTab(2)">人气榜</li>
@click="changeTab(1)"
>最新照片</li>
<li
:class="['subtab',tabActive === 2? 'active': '']"
@click="changeTab(2)"
>人气榜</li>
<li <li
v-if="ruwei" v-if="ruwei"
:class="['subtab',tabActive === 4? 'active': '']" :class="['subtab',tabActive === 4? 'active': '']"
...@@ -50,12 +44,7 @@ ...@@ -50,12 +44,7 @@
</div> </div>
</div> </div>
<!-- 人气榜 --> <!-- 人气榜 -->
<div <div class="contentBox renqipaihang" id="renqibangdan" ref="renqiBox" v-if="tabActive === 2">
class="contentBox renqipaihang"
id="renqibangdan"
ref="renqiBox"
v-if="tabActive === 2"
>
<vue-waterfall-easy <vue-waterfall-easy
v-if="renqi" v-if="renqi"
:loadingDotStyle="renqidot" :loadingDotStyle="renqidot"
...@@ -83,7 +72,8 @@ ...@@ -83,7 +72,8 @@
:type="item.award" :type="item.award"
></CardPrize> ></CardPrize>
<div class="wangqi" @click="wangqizuopin"> <div class="wangqi" @click="wangqizuopin">
<span class="qita">其他获奖作品 <span class="qita">
其他获奖作品
<div id="trangle"></div> <div id="trangle"></div>
</span> </span>
</div> </div>
...@@ -211,12 +201,13 @@ export default { ...@@ -211,12 +201,13 @@ export default {
}, },
created() { created() {
var _this = this; 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) => { axios.get('http://web-comment.canskj.cn/wandah5/activity/info').then((result) => {
console.log('活动的data'); console.log('活动的data')
console.log(result.data.data); console.log(result.data.data)
window.windowIndexHref = result.data.data.indexHref window.windowIndexHref = result.data.data.indexHref
window.windowUserCenterHref = result.data.data.userCenterHref window.windowUserCenterHref = result.data.data.userCenterHref
...@@ -266,14 +257,12 @@ export default { ...@@ -266,14 +257,12 @@ export default {
this.tongbudianzan(this.huojiang, data); this.tongbudianzan(this.huojiang, data);
}); });
this.watchEventBus(); this.watchEventBus();
// setTimeout(() => { setTimeout(() => {
// this.watchScroll(1); console.log('this.$store.state.publicShareInfo')
// this.bannerHeight = $('.topBox5686').height(); console.log( this.$store.state.publicShareInfo.image )
// }, 200); }, 1000);
}, },
activated() { activated() {
setTimeout(() => { setTimeout(() => {
...@@ -317,11 +306,6 @@ export default { ...@@ -317,11 +306,6 @@ export default {
}, },
changeTab(num) { changeTab(num) {
var _this = this; var _this = this;
// setTimeout(() => {
// this.watchScroll(num);
// },200);
try { try {
if (num === 1 || num === 3) { if (num === 1 || num === 3) {
this.renqiBox = this.$refs.renqiBox.getElementsByClassName( this.renqiBox = this.$refs.renqiBox.getElementsByClassName(
...@@ -492,20 +476,6 @@ export default { ...@@ -492,20 +476,6 @@ export default {
res.data.data.count / res.data.data.size 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) { if (res.data.data.data.length === 0) {
this.lastAllLoaded = true; this.lastAllLoaded = true;
...@@ -587,31 +557,6 @@ export default { ...@@ -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） // // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0）
wx.updateAppMessageShareData( wx.updateAppMessageShareData(
{ {
...@@ -619,7 +564,7 @@ export default { ...@@ -619,7 +564,7 @@ export default {
title: tools.randomShareTitle(), // 分享标题 title: tools.randomShareTitle(), // 分享标题
desc: tools.randomShareDesc(), // 分享描述 desc: tools.randomShareDesc(), // 分享描述
link: window.windowWrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 link: window.windowWrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: api.shareImg // 分享图标 imgUrl: this.$store.state.publicShareInfo.image // 分享图标
}, },
function (res) { function (res) {
//这里是回调函数 //这里是回调函数
...@@ -631,75 +576,12 @@ export default { ...@@ -631,75 +576,12 @@ export default {
{ {
title: tools.randomShareTitle(), // 分享标题 title: tools.randomShareTitle(), // 分享标题
link: window.windowWrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 link: window.windowWrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: api.shareImg // 分享图标 imgUrl: this.$store.state.publicShareInfo.image // 分享图标
}, },
function (res) { 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) { wx.error(function (res) {
...@@ -1071,8 +953,7 @@ export default { ...@@ -1071,8 +953,7 @@ export default {
width: 80px; width: 80px;
height: 80px; height: 80px;
// margin: 0 auto; // margin: 0 auto;
background: url("~@/pages/index/assets/images/colse.png") background: url("~@/pages/index/assets/images/colse.png") no-repeat;
no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
......
src/pages/user/User.vue
...@@ -80,7 +80,7 @@ export default { ...@@ -80,7 +80,7 @@ export default {
created() { created() {
var _this = this 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; var type = result.data.data.system_type;
console.log('活动的data'); console.log('活动的data');
...@@ -224,39 +224,13 @@ export default { ...@@ -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） // // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0）
wx.updateAppMessageShareData( wx.updateAppMessageShareData(
{ {
title: tools.randomShareTitle(), // 分享标题 title: tools.randomShareTitle(), // 分享标题
desc: tools.randomShareDesc(), // 分享描述 desc: tools.randomShareDesc(), // 分享描述
link: window.windowWrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 link: window.windowWrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: api.shareImg // 分享图标 imgUrl: this.$store.state.publicShareInfo.image // 分享图标
}, },
function (res) { function (res) {
//这里是回调函数 //这里是回调函数
...@@ -268,75 +242,12 @@ export default { ...@@ -268,75 +242,12 @@ export default {
{ {
title: tools.randomShareTitle(), // 分享标题 title: tools.randomShareTitle(), // 分享标题
link: window.windowWrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 link: window.windowWrapHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: api.shareImg // 分享图标 imgUrl: this.$store.state.publicShareInfo.image // 分享图标
}, },
function (res) { 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) { 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