Commit 3a186f1f by 穆启卓

往回改 和 bug

parent 9d623af2
<template> <template>
<div class="have-joined-game-page-scroll">
<div class="have-joined-game-page"> <div class="have-joined-game-page">
<Title class="page-title" @goback="goback" show_back="true" v-if="currentPage()==='HaveJoinedGame'"></Title> <Title class="page-title" @goback="goback" show_back="true" v-if="currentPage()==='HaveJoinedGame'"></Title>
<div class="game-rule-container" @click="goOtherPage('Rule')"> <div class="game-rule-container" @click="goOtherPage('Rule')">
...@@ -114,7 +113,6 @@ ...@@ -114,7 +113,6 @@
</div> </div>
<ShareModal v-on:close="closeShareModal" v-if="showShareModal"></ShareModal> <ShareModal v-on:close="closeShareModal" v-if="showShareModal"></ShareModal>
</div> </div>
</div>
</template> </template>
<script> <script>
...@@ -185,12 +183,12 @@ export default { ...@@ -185,12 +183,12 @@ export default {
} }
} }
}, },
updated() { // updated() {
// 显示页面最底部 // // 显示页面最底部
this.$nextTick(function(){ // this.$nextTick(function(){
document.getElementsByClassName('have-joined-game-page-scroll')[0].scrollTop = document.body.scrollHeight; // document.getElementsByClassName('have-joined-game-page-scroll')[0].scrollTop = document.body.scrollHeight;
}) // })
}, // },
computed: { computed: {
swiper() { swiper() {
return this.$refs.mySwiper.swiper; return this.$refs.mySwiper.swiper;
...@@ -244,9 +242,9 @@ export default { ...@@ -244,9 +242,9 @@ export default {
this.record_list = pageData.record_list; this.record_list = pageData.record_list;
this.current_day = pageData.current_day - 1; this.current_day = pageData.current_day - 1;
this.showSwiper = true; this.showSwiper = true;
setTimeout(() => { this.$nextTick(() => {
this.swiper.slideTo(this.current_day, 1200, false); this.swiper.slideTo(this.current_day, 1200, false);
}, 800); });
} }
}); });
}, },
...@@ -387,10 +385,7 @@ export default { ...@@ -387,10 +385,7 @@ export default {
height: 2.68rem; height: 2.68rem;
} }
.have-joined-game-page-scroll { .have-joined-game-page {
height: 100vh;
overflow-y: scroll;
.have-joined-game-page {
width: 100%; width: 100%;
min-height: 100vh; min-height: 100vh;
background-color: rgb(70, 88, 149); background-color: rgb(70, 88, 149);
...@@ -402,7 +397,7 @@ export default { ...@@ -402,7 +397,7 @@ export default {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
position: relative; position: relative;
padding-bottom: .3rem; padding-bottom: 1.3rem;
box-sizing: border-box; box-sizing: border-box;
.page-title { .page-title {
width: 100%; width: 100%;
...@@ -648,7 +643,6 @@ export default { ...@@ -648,7 +643,6 @@ export default {
text-align: center; text-align: center;
margin-top: 0.3rem; margin-top: 0.3rem;
} }
}
} }
.game-status-popup { .game-status-popup {
......
...@@ -79,10 +79,10 @@ ...@@ -79,10 +79,10 @@
<!-- 没有关注公众号弹窗 --> <!-- 没有关注公众号弹窗 -->
<div class="game-auth-popup" v-if="needFollow"> <div class="game-auth-popup" v-if="needFollow">
<div class="game-auth-container"> <div class="game-auth-container">
<img class="bg-img" src="../images/common/focus_gzh.png">
<img class="close-btn" src="../images/common/pop_ic_close.png" @click="closePopup()"> <img class="close-btn" src="../images/common/pop_ic_close.png" @click="closePopup()">
</div> </div>
</div> </div>
<img :src="followInfo.img_url" alt="" style="display: none">
</div> </div>
</template> </template>
...@@ -495,16 +495,17 @@ export default { ...@@ -495,16 +495,17 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
.game-auth-container { .game-auth-container {
width: 6.4rem;
height: 7.08rem;
background: url(../images/common/focus_gzh.png) no-repeat center center;
background-size: cover;
border-radius: 0.08rem; border-radius: 0.08rem;
padding-bottom: 0.4rem; padding-bottom: 0.4rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
position: relative; position: relative;
.bg-img {
width: 6.4rem;
height: 7.08rem;
display: block;
}
.close-btn { .close-btn {
width: 0.58rem; width: 0.58rem;
height: 0.58rem; height: 0.58rem;
......
...@@ -39,6 +39,7 @@ ...@@ -39,6 +39,7 @@
<!-- 没有关注公众号弹窗 --> <!-- 没有关注公众号弹窗 -->
<div class="game-auth-popup" v-if="needFollow"> <div class="game-auth-popup" v-if="needFollow">
<div class="game-auth-container"> <div class="game-auth-container">
<img class="bg-img" src="../images/common/focus_gzh.png">
<img class="close-btn" src="../images/common/pop_ic_close.png" @click="closePopup()"> <img class="close-btn" src="../images/common/pop_ic_close.png" @click="closePopup()">
</div> </div>
</div> </div>
...@@ -439,16 +440,17 @@ export default { ...@@ -439,16 +440,17 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
.game-auth-container { .game-auth-container {
width: 6.4rem;
height: 7.08rem;
background: url(../images/common/focus_gzh.png) no-repeat center center;
background-size: cover;
border-radius: 0.08rem; border-radius: 0.08rem;
padding-bottom: 0.4rem; padding-bottom: 0.4rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
position: relative; position: relative;
.bg-img {
width: 6.4rem;
height: 7.08rem;
display: block;
}
.close-btn { .close-btn {
width: 0.58rem; width: 0.58rem;
height: 0.58rem; height: 0.58rem;
......
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 to comment