Commit b0c19e39 by mamingqun

修改

parent af04d525
<template> <template>
<div class="mainBox"> <div class="mainBox">
<!-- <div class="topBox5686"></div> --> <!-- <div class="topBox5686"></div> -->
<div class="goHome" @click="goHome"></div> <div class="goHome" @click="goHome"></div>
<div class="contentWrap"> <div class="contentWrap">
<div class="contentBox" v-if="ruleInfo"> <div class="contentBox" v-if="ruleInfo">
<div class="shuomingTitle"></div> <div class="shuomingTitle"></div>
<div class="text1" v-html="ruleInfo.zhuti"> <div class="text1">
<!-- <p>以“春节回家”为主题方向,有奖征集与万达人和万达粉丝们春节回家过年相关的摄影作品。</p> <div class="top"></div>
<div class="middle" v-html="ruleInfo.zhuti"></div>
<div class="bottom"></div>
<!-- <p>以“春节回家”为主题方向,有奖征集与万达人和万达粉丝们春节回家过年相关的摄影作品。</p>
<p>反映春运返乡道路上的艰难与劳顿,回家后的放松与惬意,亲人团聚时刻的幸福和笑脸,传递亲人、爱人、朋友、同窗、战友等不同情感的动人瞬间和情感故事。</p> <p>反映春运返乡道路上的艰难与劳顿,回家后的放松与惬意,亲人团聚时刻的幸福和笑脸,传递亲人、爱人、朋友、同窗、战友等不同情感的动人瞬间和情感故事。</p>
<p>投稿作品要求立意鲜明、形象生动、情感真切,有较强的视觉表现力。</p>--> <p>投稿作品要求立意鲜明、形象生动、情感真切,有较强的视觉表现力。</p>-->
</div> </div>
<div class="text5"> <div class="text5">
<div class="title"></div> <div class="title"></div>
<div v-html="ruleInfo.cansai"> <div v-html="ruleInfo.cansai">
<!-- <p>参赛作品征集时间 <!-- <p>参赛作品征集时间
<br>2019年1月28日(小年)至2019年2月25日(正月廿一) <br>2019年1月28日(小年)至2019年2月25日(正月廿一)
</p> </p>
<p>入围作品公布时间 <p>入围作品公布时间
...@@ -25,18 +28,18 @@ ...@@ -25,18 +28,18 @@
<p>投稿及评选说明 <p>投稿及评选说明
<br>投稿者将作品上传至该平台即可参赛。 <br>投稿者将作品上传至该平台即可参赛。
<br>鼓励投稿作品为新近拍摄,每位投稿者上传作品件数不限,单幅及组照(至少5张单幅作品构成的系列作品)均算作1件。 <br>鼓励投稿作品为新近拍摄,每位投稿者上传作品件数不限,单幅及组照(至少5张单幅作品构成的系列作品)均算作1件。
</p>--> </p>-->
</div> </div>
</div> </div>
<div class="text2"> <div class="text2">
<div class="bar3" v-for="(item, index) in ruleInfo.jiangpin" :key="index"> <div class="bar3" v-for="(item, index) in ruleInfo.jiangpin" :key="index">
<div class="rank"> <div class="rank">
<span>{{item.name}}</span> <span>{{item.name}}</span>
<span>{{item.num}}</span> <span>{{item.num}}</span>
</div> </div>
<div class="prize lightBlue">{{item.prize}}</div> <div class="prize lightBlue">{{item.prize}}</div>
</div> </div>
<!-- <div class="bar3"> <!-- <div class="bar3">
<div class="rank"> <div class="rank">
<span>金奖</span> <span>金奖</span>
<span>1名</span> <span>1名</span>
...@@ -63,14 +66,14 @@ ...@@ -63,14 +66,14 @@
<span>10名</span> <span>10名</span>
</div> </div>
<div class="prize lightBlue">万达影院电影票2张</div> <div class="prize lightBlue">万达影院电影票2张</div>
</div>--> </div>-->
</div> </div>
<!-- <div class="text3"> <!-- <div class="text3">
<p>征稿时间:2019.1.1-2019.1.1</p> <p>征稿时间:2019.1.1-2019.1.1</p>
<p>评选时间:2019.1.1-2019.1.1</p> <p>评选时间:2019.1.1-2019.1.1</p>
<p>获奖公示:2019.1.1</p> <p>获奖公示:2019.1.1</p>
</div>--> </div>-->
<!-- <div class="text4"> <!-- <div class="text4">
<div class="title"></div> <div class="title"></div>
<div class="dunk"> <div class="dunk">
<div class="dunkTitle">拍摄万达建筑影像</div> <div class="dunkTitle">拍摄万达建筑影像</div>
...@@ -88,11 +91,11 @@ ...@@ -88,11 +91,11 @@
<div class="dunkTitle">征集与万达相关的老照片</div> <div class="dunkTitle">征集与万达相关的老照片</div>
<p>万达集团成立这30年来,一张张万达老照片记录了时代的轨迹,见证了城市的发展,万达陪你一起看见光阴的故事。拿出你手中珍藏的老照片,让我们知道你与万达不得不说的故事。</p> <p>万达集团成立这30年来,一张张万达老照片记录了时代的轨迹,见证了城市的发展,万达陪你一起看见光阴的故事。拿出你手中珍藏的老照片,让我们知道你与万达不得不说的故事。</p>
</div> </div>
</div>--> </div>-->
<div class="text6"> <div class="text6">
<div class="title"></div> <div class="title"></div>
<div v-html="ruleInfo.xize"> <div v-html="ruleInfo.xize">
<!-- <p>1、中国各省、市、自治区(含港、澳、台地区)摄影人均可投稿。</p> <!-- <p>1、中国各省、市、自治区(含港、澳、台地区)摄影人均可投稿。</p>
<p>2、鼓励投稿者提交新近拍摄的作品。单幅、组照均可(组照不少于5张的单幅图片组成,并标明序号,并附文字说明),单幅及组照按1件计算。投稿作品需为jpg格式,单张照片宽度需大于1000px,文件大小不超过2M。</p> <p>2、鼓励投稿者提交新近拍摄的作品。单幅、组照均可(组照不少于5张的单幅图片组成,并标明序号,并附文字说明),单幅及组照按1件计算。投稿作品需为jpg格式,单张照片宽度需大于1000px,文件大小不超过2M。</p>
<p>3、投稿者应实名投稿。</p> <p>3、投稿者应实名投稿。</p>
<p>4、本次征集谢绝电脑创意作品,不得对原始图像进行任何足以影响其真实性判断的改动。</p> <p>4、本次征集谢绝电脑创意作品,不得对原始图像进行任何足以影响其真实性判断的改动。</p>
...@@ -100,288 +103,309 @@ ...@@ -100,288 +103,309 @@
<p>6、投稿者应保证其为所投送作品的作者,并对该作品的整体及局部均拥有独立、完整、明确、无争议的著作权;投稿者还应保证其所投送的作品不侵犯第三人的包括著作权、肖像权、名誉权、隐私权等在内的合法权益。投稿者应承担由其稿件及投稿行为所引发的一切后果与责任。</p> <p>6、投稿者应保证其为所投送作品的作者,并对该作品的整体及局部均拥有独立、完整、明确、无争议的著作权;投稿者还应保证其所投送的作品不侵犯第三人的包括著作权、肖像权、名誉权、隐私权等在内的合法权益。投稿者应承担由其稿件及投稿行为所引发的一切后果与责任。</p>
<p>7、本次摄影征集活动不收投稿费,不退稿。</p> <p>7、本次摄影征集活动不收投稿费,不退稿。</p>
<p>8、对于所有入选作品,主办、承办方有权在著作权存续期内,以复制、发行、展览、放映、信息网络传播等方式用于非商业性的宣传,并不再支付稿酬。</p> <p>8、对于所有入选作品,主办、承办方有权在著作权存续期内,以复制、发行、展览、放映、信息网络传播等方式用于非商业性的宣传,并不再支付稿酬。</p>
<p>9、本征稿启事解释权属于主办单位。凡投稿者,即视为其已同意本征稿启事之所有规定。</p> --> <p>9、本征稿启事解释权属于主办单位。凡投稿者,即视为其已同意本征稿启事之所有规定。</p>-->
</div> </div>
</div>
</div>
</div> </div>
</div>
</div> </div>
</div>
</template> </template>
<script> <script>
import store from '../modules/store/index'; import store from '../modules/store/index';
export default { export default {
computed: { computed: {
ruleInfo() { ruleInfo() {
if (store.state.publicActiveInfo) { if (store.state.publicActiveInfo) {
return store.state.publicActiveInfo.rule return store.state.publicActiveInfo.rule
} else { } else {
return null return null
} }
} }
}, },
methods: { methods: {
goHome() { goHome() {
this.$router.push({ path: '/' }); this.$router.push({ path: '/' });
} }
}, },
store store
} }
</script> </script>
<style lang="scss" > <style lang="scss" >
.dingwei { .dingwei {
position: relative; position: relative;
top: -10px; top: -10px;
} }
.margintop30 { .margintop30 {
padding-top: 25px; padding-top: 25px;
} }
.mainBox { .mainBox {
width: 100%; width: 100%;
background: white; background: white;
font-size: 28px; font-size: 28px;
padding-bottom: 1px; padding-bottom: 1px;
.goHome { .goHome {
width: 56px; width: 56px;
height: 56px; height: 56px;
background: url("~@/pages/index/assets/images/colse1.png") no-repeat; background: url("~@/pages/index/assets/images/colse1.png") no-repeat;
background-size: contain; background-size: contain;
position: absolute; position: absolute;
top: 60px; top: 60px;
right: 40px; right: 40px;
} }
.lightBlue { .lightBlue {
color: #4f7bc5; color: #4f7bc5;
}
.black {
color: black;
font-weight: bold;
}
.topBox5686 {
height: 310px;
background: url("~@/pages/index/assets/images/indexBanner.jpg") no-repeat;
background-size: 100% auto;
position: relative;
}
.contentWrap {
background: linear-gradient(#ddf2fd, white 40%);
}
.contentBox {
padding-left: 44px;
padding-right: 44px;
padding-top: 38px;
padding-bottom: 40px;
// background: url("~@/pages/index/assets/images/shuoming/bglogo.png")
// no-repeat top 1% right;
// background-size: 31% auto;
.shuomingTitle {
height: 82px;
background: url("~@/pages/index/assets/images/shuoming/shuodongshuoming.png")
no-repeat center;
background-size: auto 100%;
margin-bottom: 38px;
} }
.black { .text1 {
color: black; // height: 555px;
font-weight: bold; // background: url("~@/pages/index/assets/images/shuoming/text1.png") no-repeat center;
} background-size: 100% auto;
// padding-left: 40px;
// padding-right: 40px;
padding-top: 55px;
margin-bottom: 47px;
.top {
background: url("~@/pages/index/assets/images/shuoming/topBar.png")
no-repeat center bottom;
background-size: contain;
height: 60px;
}
.topBox5686 { .middle {
height: 310px; background: url("~@/pages/index/assets/images/shuoming/middleBar.png")
background: url("~@/pages/index/assets/images/indexBanner.jpg") repeat-y center;
no-repeat; background-size: contain;
background-size: 100% auto; padding-left: 40px;
padding-right: 40px;
padding-top: 30px;
}
.bottom {
background: url("~@/pages/index/assets/images/shuoming/bottomBar.png")
no-repeat center top;
height: 60px;
background-size: contain;
position: relative; position: relative;
top: -10px;
}
p {
line-height: 48px;
text-indent: 2em;
text-align: justify;
margin-bottom: 8px;
}
} }
.contentWrap { p {
background: linear-gradient(#ddf2fd, white 40%); line-height: 42px;
text-indent: 2em;
text-align: justify;
} }
.contentBox { .text2 {
padding-left: 44px; height: 484px;
padding-right: 44px; background: url("~@/pages/index/assets/images/shuoming/text2.png")
padding-top: 38px; no-repeat center;
padding-bottom: 40px; background-size: 100% auto;
// background: url("~@/pages/index/assets/images/shuoming/bglogo.png") padding-left: 40px;
// no-repeat top 1% right; padding-right: 40px;
// background-size: 31% auto; padding-top: 70px;
padding-bottom: 30px;
.shuomingTitle { display: flex;
height: 82px; flex-direction: row;
background: url("~@/pages/index/assets/images/shuoming/shuodongshuoming.png") flex-wrap: wrap;
no-repeat center; justify-content: space-between;
background-size: auto 100%; margin-bottom: 45px;
margin-bottom: 38px;
.bar1 {
width: 100%;
height: 72px;
line-height: 72px;
background: linear-gradient(#c7e3f0 40%, #b2cfec);
border-radius: 14px;
padding-left: 37px;
}
.bar2 {
width: 260px;
height: 126px;
background: linear-gradient(#c7e3f0 40%, #b2cfec);
border-radius: 14px;
padding-left: 22px;
padding-right: 22px;
padding-top: 25px;
.rank {
display: flex;
flex-direction: row;
justify-content: space-between;
} }
.text1 { .prize {
height: 555px; padding-top: 20px;
background: url("~@/pages/index/assets/images/shuoming/text1.png") text-align: right;
no-repeat center;
background-size: 100% auto;
padding-left: 40px;
padding-right: 40px;
padding-top: 55px;
margin-bottom: 47px;
p {
line-height: 48px;
text-indent: 2em;
text-align: justify;
margin-bottom: 8px;
}
} }
}
p {
line-height: 42px; .bar3 {
text-indent: 2em; width: 560px;
text-align: justify; height: 75px;
background: linear-gradient(#c7e3f0 40%, #b2cfec);
border-radius: 14px;
padding-left: 22px;
padding-right: 22px;
// padding-top: 25px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
.rank {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 240px;
// background: red;
} }
.text2 { .prize {
height: 484px; // padding-top: 20px;
background: url("~@/pages/index/assets/images/shuoming/text2.png") text-align: right;
no-repeat center;
background-size: 100% auto;
padding-left: 40px;
padding-right: 40px;
padding-top: 70px;
padding-bottom: 30px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 45px;
.bar1 {
width: 100%;
height: 72px;
line-height: 72px;
background: linear-gradient(#c7e3f0 40%, #b2cfec);
border-radius: 14px;
padding-left: 37px;
}
.bar2 {
width: 260px;
height: 126px;
background: linear-gradient(#c7e3f0 40%, #b2cfec);
border-radius: 14px;
padding-left: 22px;
padding-right: 22px;
padding-top: 25px;
.rank {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.prize {
padding-top: 20px;
text-align: right;
}
}
.bar3 {
width: 560px;
height: 75px;
background: linear-gradient(#c7e3f0 40%, #b2cfec);
border-radius: 14px;
padding-left: 22px;
padding-right: 22px;
// padding-top: 25px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
.rank {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 210px;
// background: red;
}
.prize {
// padding-top: 20px;
text-align: right;
}
}
} }
}
}
.text3 { .text3 {
height: 225px; height: 225px;
background: url("~@/pages/index/assets/images/shuoming/shijian.png") background: url("~@/pages/index/assets/images/shuoming/shijian.png")
no-repeat center; no-repeat center;
background-size: 100% auto; background-size: 100% auto;
padding-left: 30px; padding-left: 30px;
padding-top: 65px; padding-top: 65px;
margin-bottom: 50px; margin-bottom: 50px;
} }
.text4 { .text4 {
margin-bottom: 60px; margin-bottom: 60px;
.title { .title {
height: 36px; height: 36px;
background: url("~@/pages/index/assets/images/shuoming/zhenggao.png") background: url("~@/pages/index/assets/images/shuoming/zhenggao.png")
no-repeat left; no-repeat left;
background-size: auto 100%; background-size: auto 100%;
margin-bottom: 35px; margin-bottom: 35px;
} }
.sub { .sub {
margin-bottom: 20px; margin-bottom: 20px;
} }
.dunk { .dunk {
background: #dfeefa; background: #dfeefa;
border-radius: 10px; border-radius: 10px;
padding-top: 25px; padding-top: 25px;
padding-bottom: 22px; padding-bottom: 22px;
margin-bottom: 20px; margin-bottom: 20px;
.dunkTitle { .dunkTitle {
color: #656d72; color: #656d72;
font-size: 31px; font-size: 31px;
font-weight: bold; font-weight: bold;
margin-bottom: 20px; margin-bottom: 20px;
padding-left: 30px; padding-left: 30px;
background: url("~@/pages/index/assets/images/shuoming/point.png") background: url("~@/pages/index/assets/images/shuoming/point.png")
no-repeat left center; no-repeat left center;
background-size: auto 70%; background-size: auto 70%;
margin-left: 10px; margin-left: 10px;
}
p {
padding-left: 33px;
padding-right: 33px;
text-indent: 0;
}
}
} }
.text5 { p {
margin-bottom: 46px; padding-left: 33px;
.title { padding-right: 33px;
height: 36px; text-indent: 0;
background: url("~@/pages/index/assets/images/shuoming/guize.png")
no-repeat left;
background-size: auto 100%;
margin-bottom: 35px;
}
p {
margin-bottom: 24px;
text-indent: 0;
padding-left: 30px;
background: url("~@/pages/index/assets/images/shuoming/point.png")
no-repeat left top 5px;
background-size: auto 23px;
}
} }
}
}
.text6 { .text5 {
.title { margin-bottom: 46px;
height: 36px; .title {
background: url("~@/pages/index/assets/images/shuoming/banquan.png") height: 36px;
no-repeat left; background: url("~@/pages/index/assets/images/shuoming/guize.png")
background-size: auto 100%; no-repeat left;
margin-bottom: 35px; background-size: auto 100%;
} margin-bottom: 35px;
}
p {
text-indent: 0; p {
padding-left: 30px; margin-bottom: 24px;
margin-bottom: 30px; text-indent: 0;
// line-height: 50px; padding-left: 30px;
} background: url("~@/pages/index/assets/images/shuoming/point.png")
} no-repeat left top 5px;
background-size: auto 23px;
}
}
.text6 {
.title {
height: 36px;
background: url("~@/pages/index/assets/images/shuoming/banquan.png")
no-repeat left;
background-size: auto 100%;
margin-bottom: 35px;
}
p {
text-indent: 0;
padding-left: 30px;
margin-bottom: 30px;
// line-height: 50px;
}
} }
}
} }
</style> </style>
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{
......
...@@ -204,7 +204,7 @@ export default { ...@@ -204,7 +204,7 @@ export default {
var _this = this; var _this = this;
//http://web-comment.canskj.cn/wandah5/activity/info //http://web-comment.canskj.cn/wandah5/activity/info
//http://wanda-qj.iyunfish.com/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://wanda-qj.iyunfish.com/wandah5/activity/info').then((result) => {
console.log('活动的data') console.log('活动的data')
......
<template> <template>
<section class="bigWrap"> <section class="bigWrap">
<div class="topInof"> <div class="topInof">
<div class="goHome"> <div class="goHome">
<a :href="indexHref"></a> <a :href="indexHref"></a>
</div> </div>
<div class="left"> <div class="left">
<div class="imageBox"> <div class="imageBox">
<img :src="avatar" alt> <img :src="avatar" alt>
</div>
<div class="userName">{{nickname}}</div>
</div>
<div class="right">
<div class="item dianzanshu">
<div class="imageBox"></div>
<div class="text">{{point_num}}</div>
</div>
<div class="item dizhi">
<div class="imageBox"></div>
<div class="text">实名认证</div>
<router-link tag="a" :to="{path:'/address'}"></router-link>
</div>
</div>
</div> </div>
<div class="contentBox"> <div class="userName">{{nickname}}</div>
<div class="subcontent" ref="userBox" v-if="userList.length"> </div>
<vue-waterfall-easy <div class="right">
ref="lastContent" <div class="item dianzanshu">
v-if="userList" <div class="imageBox"></div>
:loadingDotStyle="userdot" <div class="text">{{point_num}}</div>
:imgsArr="userList"
@scrollReachBottom="getUserImgList"
>
<div class="img-info" slot-scope="props">
<Cardcommon :dataV="props.value" cartType="userCenter"></Cardcommon>
</div>
<!-- <div slot="waterfall-over">没有更多了123~</div> -->
</vue-waterfall-easy>
<!-- <div class="allLoaded" v-if="userAllLoaded">没有更多了~</div> -->
</div>
<div v-else class="subcontent" ref="userBox">
<p class="kong">还没有上传过作品</p>
</div>
</div> </div>
</section> <div class="item dizhi">
<div class="imageBox"></div>
<div class="text">实名认证</div>
<router-link tag="a" :to="{path:'/address'}"></router-link>
</div>
</div>
</div>
<div class="contentBox">
<div class="subcontent" ref="userBox" v-if="userList.length">
<vue-waterfall-easy
ref="lastContent"
v-if="userList"
:loadingDotStyle="userdot"
:imgsArr="userList"
@scrollReachBottom="getUserImgList"
>
<div class="img-info" slot-scope="props">
<Cardcommon :dataV="props.value" cartType="userCenter"></Cardcommon>
</div>
<!-- <div slot="waterfall-over">没有更多了123~</div> -->
</vue-waterfall-easy>
<!-- <div class="allLoaded" v-if="userAllLoaded">没有更多了~</div> -->
</div>
<div v-else class="subcontent" ref="userBox">
<p class="kong">还没有上传过作品</p>
</div>
</div>
</section>
</template> </template>
<script> <script>
...@@ -64,417 +64,415 @@ import $ from 'jquery'; ...@@ -64,417 +64,415 @@ import $ from 'jquery';
export default { export default {
data() { data() {
return { return {
avatar: '', avatar: '',
nickname: '', nickname: '',
point_num: '', point_num: '',
userList: '', userList: '',
userPage: 1, userPage: 1,
userAllLoaded: false, userAllLoaded: false,
userdot: { backgroundColor: 'transparent' }, userdot: { backgroundColor: 'transparent' },
indexHref: '' indexHref: ''
}; };
},
store,
created() {
var _this = this
axios.get('http://wanda-qj.iyunfish.com/wandah5/activity/info').then((result) => {
var type = result.data.data.system_type;
console.log('活动的data');
console.log(result.data.data);
window.windowIndexHref = result.data.data.indexHref
window.windowUserCenterHref = result.data.data.userCenterHref
window.windowWrapHref = result.data.data.weapHref
console.log(window.windowIndexHref);
console.log(window.windowUserCenterHref);
console.log(window.windowWrapHref);
axios.defaults.headers.common['systemtype'] = type;
$('title').text(result.data.data.title);
store.commit('getPublicActiveInfo');
store.commit('getPublicShareInfo');
_this.getUserInfo();
_this.getUserImgList();
_this.indexHref = window.windowIndexHref;
this.getWeixinPowerShare();
}).catch((err) => {
console.log(err);
});
},
mounted() {
// this.getWeixinPowerShare();
$eventbus.$on('dianzanle', data => {
this.tongbudianzan(this.userList, data);
});
$eventbus.$on('detelItem', () => {
this.getUserInfo();
this.userList = false;
this.userAllLoaded = false;
this.userPage = 1;
this.getUserImgList();
})
},
activated() {
setTimeout(() => {
this.getWeixinPowerShare();
}, 400);
},
methods: {
tongbudianzan(arr, data) {
var ele = arr.find(value => {
return value.id === data.id;
});
if (ele) {
ele.point_num += data.is_point ? 1 : -1;
ele.is_point = data.is_point;
this.getUserInfo();
}
}, },
store, getUserInfo() {
created() { axios.get('/contest/user/info').then(res => {
this.avatar = res.data.data.avatar;
var _this = this this.nickname = res.data.data.nickname;
axios.get('http://wanda-qj.iyunfish.com/wandah5/activity/info').then((result) => { this.point_num = res.data.data.point_num;
var type = result.data.data.system_type; });
console.log('活动的data');
console.log(result.data.data);
window.windowIndexHref = result.data.data.indexHref
window.windowUserCenterHref = result.data.data.userCenterHref
window.windowWrapHref = result.data.data.weapHref
console.log(window.windowIndexHref);
console.log(window.windowUserCenterHref);
console.log(window.windowWrapHref);
axios.defaults.headers.common['systemtype'] = type;
$('title').text(result.data.data.title);
store.commit('getPublicActiveInfo');
store.commit('getPublicShareInfo');
_this.getUserInfo();
_this.getUserImgList();
_this.indexHref = window.windowIndexHref;
this.getWeixinPowerShare();
}).catch((err) => {
console.log(err);
});
}, },
mounted() { getUserImgList() {
// this.getWeixinPowerShare(); axios
.get('/contest/user/image/list', {
$eventbus.$on('dianzanle', data => { params: {
this.tongbudianzan(this.userList, data); page: this.userPage
}); }
$eventbus.$on('detelItem', () => {
this.getUserInfo();
this.userList = false;
this.userAllLoaded = false;
this.userPage = 1;
this.getUserImgList();
}) })
.then(res => {
var arr = res.data.data.data;
var newArr = this.addSrc(arr);
if (arr.length === 0) {
return;
}
if (arr.length < res.data.data.size) {
this.userAllLoaded = true;
this.userdot = { backgroundColor: 'transparent' };
}
if (this.userList) {
this.userList = this.userList.concat(newArr);
} else {
this.userList = newArr;
}
this.userPage++;
});
}, },
activated() { addSrc(arr) {
setTimeout(() => { arr.forEach(ele => {
this.getWeixinPowerShare(); ele['src'] = ele.image;
}, 400); });
return arr;
}, },
methods: { getWeixinPowerShare() {
tongbudianzan(arr, data) { var _this = this;
var ele = arr.find(value => { axios
return value.id === data.id; .get('/contest/wechat/info', {
}); params: {
if (ele) { url: encodeURIComponent(location.href.split('#')[0]),
ele.point_num += data.is_point ? 1 : -1; type: 1
ele.is_point = data.is_point; }
this.getUserInfo(); })
} .then(res => {
},
getUserInfo() { var res = res.data.data;
axios.get('/contest/user/info').then(res => { var listArr = [
this.avatar = res.data.data.avatar; 'updateAppMessageShareData',
this.nickname = res.data.data.nickname; 'updateTimelineShareData',
this.point_num = res.data.data.point_num; 'onMenuShareTimeline',
}); 'onMenuShareAppMessage',
}, 'onMenuShareQQ',
getUserImgList() { 'onMenuShareWeibo',
axios 'onMenuShareQZone'
.get('/contest/user/image/list', { ];
params: {
page: this.userPage wx.config({
} debug: false, // 开启调试模式,
}) appId: res.appId, // 必填,企业号的唯一标识,此处填写企业号corpid
.then(res => { timestamp: res.timestamp, // 必填,生成签名的时间戳
var arr = res.data.data.data; nonceStr: res.nonceStr, // 必填,生成签名的随机串
var newArr = this.addSrc(arr); signature: res.signature, // 必填,签名,见附录1
jsApiList: listArr
if (arr.length === 0) { });
return;
} wx.ready(() => {
if (arr.length < res.data.data.size) { wx.checkJsApi({
this.userAllLoaded = true; jsApiList: listArr,
this.userdot = { backgroundColor: 'transparent' }; success: function (res) {
} // 以键值对的形式返回,可用的api值true,不可用为false
// 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
if (this.userList) { }
this.userList = this.userList.concat(newArr);
} else {
this.userList = newArr;
}
this.userPage++;
});
},
addSrc(arr) {
arr.forEach(ele => {
ele['src'] = ele.image;
});
return arr;
},
getWeixinPowerShare() {
var _this = this;
axios
.get('/contest/wechat/info', {
params: {
url: encodeURIComponent(location.href.split('#')[0]),
type: 1
}
})
.then(res => {
var res = res.data.data;
var listArr = [
'updateAppMessageShareData',
'updateTimelineShareData',
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo',
'onMenuShareQZone'
];
wx.config({
debug: false, // 开启调试模式,
appId: res.appId, // 必填,企业号的唯一标识,此处填写企业号corpid
timestamp: res.timestamp, // 必填,生成签名的时间戳
nonceStr: res.nonceStr, // 必填,生成签名的随机串
signature: res.signature, // 必填,签名,见附录1
jsApiList: listArr
});
wx.ready(() => {
wx.checkJsApi({
jsApiList: listArr,
success: function (res) {
// 以键值对的形式返回,可用的api值true,不可用为false
// 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
}
});
// // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容(1.4.0)
wx.updateAppMessageShareData(
{
title: tools.randomShareTitle(), // 分享标题
desc: tools.randomShareDesc(), // 分享描述
link: window.windowWrapHref, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: this.$store.state.publicShareInfo.image // 分享图标
},
function (res) {
//这里是回调函数
}
);
// // 自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容(1.4.0)
wx.updateTimelineShareData(
{
title: tools.randomShareTitle(), // 分享标题
link: window.windowWrapHref, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: this.$store.state.publicShareInfo.image // 分享图标
},
function (res) {
//这里是回调函数
}
);
});
wx.error(function (res) {
// console.log('微信错误');
// console.log(res);
});
})
.catch(err => {
// console.log('请求的错误');
// console.log(err);
});
},
getshareId(str) {
var arr = str.split('?');
var newArr = arr[1].split('&');
var id = null;
newArr.forEach(ele => {
if (ele.includes('shareId')) {
id = ele.match(/\d+/g)[0];
}
}); });
return id; // // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容(1.4.0)
}, wx.updateAppMessageShareData(
hiddenBar() { {
document.addEventListener("WeixinJSBridgeReady", function onBridgeReady() { title: tools.randomShareTitle(), // 分享标题
WeixinJSBridge.call("hideToolbar"); // 隐藏底部状态栏 desc: tools.randomShareDesc(), // 分享描述
// WeixinJSBridge.call("hideOptionMenu"); // 隐藏右上角的三个点的选项 link: window.windowWrapHref, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
// WeixinJSBridge.call("showToolbar"); // 显示底部状态栏 imgUrl: this.$store.state.publicShareInfo.image // 分享图标
// WeixinJSBridge.call("showOptionMenu"); // 显示右上角的三个点的选项 },
}); function (res) {
}, //这里是回调函数
}, }
components: { );
Cardcommon,
vueWaterfallEasy // // 自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容(1.4.0)
wx.updateTimelineShareData(
{
title: tools.randomShareTitle(), // 分享标题
link: window.windowWrapHref, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: this.$store.state.publicShareInfo.image // 分享图标
},
function (res) {
//这里是回调函数
}
);
});
wx.error(function (res) {
// console.log('微信错误');
// console.log(res);
});
})
.catch(err => {
// console.log('请求的错误');
// console.log(err);
});
}, },
beforeRouteLeave(to, from, next) { getshareId(str) {
try { var arr = str.split('?');
this.userBox = this.$refs.userBox.getElementsByClassName('vue-waterfall-easy-scroll')[0]; var newArr = arr[1].split('&');
let userY = this.userBox.scrollTop;
store.commit('changeUserBoxScrollY', userY); var id = null;
} catch (error) { newArr.forEach(ele => {
console.log(error); if (ele.includes('shareId')) {
id = ele.match(/\d+/g)[0];
} }
});
return id;
next(); },
hiddenBar() {
document.addEventListener("WeixinJSBridgeReady", function onBridgeReady() {
WeixinJSBridge.call("hideToolbar"); // 隐藏底部状态栏
// WeixinJSBridge.call("hideOptionMenu"); // 隐藏右上角的三个点的选项
// WeixinJSBridge.call("showToolbar"); // 显示底部状态栏
// WeixinJSBridge.call("showOptionMenu"); // 显示右上角的三个点的选项
});
}, },
activated() { },
try { components: {
this.userBox.scrollTop = this.$store.state.userBoxScroll; Cardcommon,
} catch (error) { } vueWaterfallEasy
},
beforeRouteLeave(to, from, next) {
try {
this.userBox = this.$refs.userBox.getElementsByClassName('vue-waterfall-easy-scroll')[0];
let userY = this.userBox.scrollTop;
store.commit('changeUserBoxScrollY', userY);
} catch (error) {
console.log(error);
} }
next();
},
activated() {
try {
this.userBox.scrollTop = this.$store.state.userBoxScroll;
} catch (error) { }
}
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.bigWrap { .bigWrap {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.topInof { .topInof {
height: 300px; height: 300px;
background: url("~@/pages/user/assets/images/topbg.png") no-repeat; background: url("~@/pages/user/assets/images/topbg.png") no-repeat;
background-size: 100% auto;
background-position: center;
position: relative;
.goHome {
width: 40px;
height: 40px;
background: url("~@/pages/user/assets/images/gohome.png") no-repeat;
background-size: 100% auto; background-size: 100% auto;
background-position: center; position: absolute;
position: relative; left: 15px;
top: 15px;
.goHome {
width: 40px; a {
height: 40px; display: block;
background: url("~@/pages/user/assets/images/gohome.png") no-repeat; position: absolute;
background-size: 100% auto; top: 0;
position: absolute; left: 0;
left: 15px; bottom: 0;
top: 15px; right: 0;
}
a { }
display: block;
position: absolute; .left {
top: 0; position: absolute;
left: 0; left: 50px;
bottom: 0; top: 30px;
right: 0; width: 230px;
} // background: green;
.imageBox {
width: 144px;
height: 144px;
border-radius: 50%;
margin: 24px auto;
// background: yellow;
img {
width: 100%;
border-radius: 50%;
}
}
.userName {
color: white;
text-align: center;
font-size: 38px;
}
}
.right {
width: 424px;
height: 68px;
display: flex;
flex-direction: row;
justify-content: space-between;
position: absolute;
top: 93px;
left: 278px;
.item {
min-width: 193px;
height: 68px;
border-radius: 5px;
background-color: #d9d6d3;
font-size: 26px;
padding-left: 22px;
padding-right: 22px;
} }
.left { .dizhi {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
a {
display: block;
position: absolute; position: absolute;
left: 50px; top: 0;
top: 30px; left: 0;
width: 230px; bottom: 0;
// background: green; right: 0;
}
.imageBox {
width: 144px; .imageBox {
height: 144px; height: 34px;
border-radius: 50%; width: 34px;
margin: 24px auto; background: url("~@/pages/user/assets/images/address.png") no-repeat;
// background: yellow; background-size: 100% auto;
}
img {
width: 100%; .text {
border-radius: 50%;
}
}
.userName {
color: white;
text-align: center;
font-size: 38px;
}
}
.right {
width: 424px;
height: 68px; height: 68px;
display: flex; line-height: 70px;
flex-direction: row; color: white;
justify-content: space-between; }
position: absolute; }
top: 93px;
left: 278px;
.item {
min-width: 193px;
height: 68px;
border-radius: 5px;
background-color: #d9d6d3;
font-size: 26px;
padding-left: 22px;
padding-right: 22px;
}
.dizhi { .dianzanshu {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
position: relative; position: relative;
a {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.imageBox {
height: 34px;
width: 34px;
background: url("~@/pages/user/assets/images/address.png")
no-repeat;
background-size: 100% auto;
}
.text {
height: 68px;
line-height: 70px;
color: white;
}
}
.dianzanshu { .imageBox {
display: flex; height: 34px;
justify-content: space-between; width: 34px;
align-items: center; background: url("~@/pages/user/assets/images/xinwhite.png") no-repeat;
position: relative; background-size: 100% auto;
}
.imageBox {
height: 34px; .text {
width: 34px; width: 110px;
background: url("~@/pages/user/assets/images/xinwhite.png") height: 68px;
no-repeat; line-height: 68px;
background-size: 100% auto; color: white;
} text-align: center;
// background-color: green;
.text { }
width: 110px;
height: 68px;
line-height: 68px;
color: white;
text-align: center;
// background-color: green;
}
}
} }
}
} }
.allLoaded { .allLoaded {
font-size: 30px; font-size: 30px;
color: #cccccc; color: #cccccc;
text-align: center; text-align: center;
box-sizing: content-box; box-sizing: content-box;
padding: 20px; padding: 20px;
} }
.contentBox { .contentBox {
flex: 1; flex: 1;
background: #f5f5f5; background: #f5f5f5;
overflow: hidden; overflow: hidden;
.subcontent {
height: 100%;
overflow: scroll;
.kong {
height: 300px;
line-height: 300px;
color: gray;
font-size: 30px;
text-align: center;
}
.wrap { .subcontent {
display: flex; height: 100%;
flex-direction: row; overflow: scroll;
flex-wrap: wrap;
.kong {
height: 300px;
line-height: 300px;
color: gray;
font-size: 30px;
text-align: center;
}
padding-left: 15px; .wrap {
padding-right: 15px; display: flex;
justify-content: space-between; flex-direction: row;
margin: 0 auto; flex-wrap: wrap;
}
padding-left: 15px;
padding-right: 15px;
justify-content: space-between;
margin: 0 auto;
} }
}
} }
</style> </style>
\ No newline at end of file
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