Skip to content

G
game-h5
Commit ae68e3a8 by 曾经
Options

分页不触发问题解决 

UI调整
parent 6d624a8f
Showing with 75 additions and 54 deletions
src/components/cmh/theme-1/components/share-select-dialog.vue
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="cell" v-if="list && list.length" v-infinite-scroll="loadData"> <div class="cell" v-if="list && list.length" v-infinite-scroll="loadData" infinite-scroll-distance="10">
<div class="iconfont icon-duobianxing"></div> <div class="iconfont icon-duobianxing"></div>
<div class="info"> <div class="info">
<div class="title">助力成功记录</div> <div class="title">助力成功记录</div>
......
src/components/cmh/theme-1/index.vue
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
class="text-box" class="text-box"
v-if="playNumberObj && playNumberObj.playNumberFlag" v-if="playNumberObj && playNumberObj.playNumberFlag"
> >
<div class="text">{{ playNumberObj.playNumber }}</div> <div class="text number">{{ playNumberObj.playNumber }}</div>
<img class="text-shadow" src="./images/circle_bg.png" /> <img class="text-shadow" src="./images/circle_bg.png" />
<img class="title-image" src="./images/剩余次数.png" /> <img class="title-image" src="./images/剩余次数.png" />
</div> </div>
...@@ -183,39 +183,39 @@ export default { ...@@ -183,39 +183,39 @@ export default {
boxList: [ boxList: [
{ {
left: "calc(51% - 47px)", left: "calc(51% - 47px)",
top: "214px", top: "204px",
}, },
{ {
left: "calc(33% - 47px)", left: "calc(33% - 47px)",
top: "262px", top: "252px",
}, },
{ {
left: "calc(66% - 47px)", left: "calc(66% - 47px)",
top: "258px", top: "248px",
}, },
{ {
left: "calc(16% - 47px)", left: "calc(16% - 47px)",
top: "307px", top: "297px",
}, },
{ {
left: "calc(52% - 47px)", left: "calc(52% - 47px)",
top: "306px", top: "296px",
}, },
{ {
left: "calc(84% - 47px)", left: "calc(84% - 47px)",
top: "307px", top: "297px",
}, },
{ {
left: "calc(35% - 47px)", left: "calc(35% - 47px)",
top: "351px", top: "341px",
}, },
{ {
left: "calc(68% - 47px)", left: "calc(68% - 47px)",
top: "355px", top: "345px",
}, },
{ {
left: "calc(53% - 47px)", left: "calc(53% - 47px)",
top: "400px", top: "390px",
}, },
], ],
swiperOptions: { swiperOptions: {
...@@ -439,7 +439,7 @@ export default { ...@@ -439,7 +439,7 @@ export default {
<style scoped> <style scoped>
.bg-image { .bg-image {
position: fixed; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
width: 100%; width: 100%;
...@@ -455,7 +455,7 @@ export default { ...@@ -455,7 +455,7 @@ export default {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
border-radius: 50%; border-radius: 50%;
position: absolute; position: fixed;
top: 20px; top: 20px;
left: 20px; left: 20px;
z-index: 10; z-index: 10;
...@@ -561,7 +561,7 @@ export default { ...@@ -561,7 +561,7 @@ export default {
} }
.box-box { .box-box {
height: 531px; height: 501px;
width: 100%; width: 100%;
position: relative; position: relative;
} }
...@@ -633,7 +633,10 @@ export default { ...@@ -633,7 +633,10 @@ export default {
position: relative; position: relative;
z-index: 2; z-index: 2;
} }
.text-box .text.number{
font-size: 40px;
line-height: 20px;
}
.text-box .text-shadow { .text-box .text-shadow {
position: absolute; position: absolute;
left: 50%; left: 50%;
......
src/components/cmh/theme-1/my-reward.vue
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
<div <div
class="infinite-list" class="infinite-list"
v-infinite-scroll="loadData" v-infinite-scroll="loadData"
infinite-scroll-distance="10"
:style="{ height: windowHeight - 50 - 20 - 34 - 10 + 'px' }" :style="{ height: windowHeight - 50 - 20 - 34 - 10 + 'px' }"
v-if="list && list.length" v-if="list && list.length"
> >
......
src/components/cmh/theme-2/components/share-select-dialog.vue
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="cell" v-if="list && list.length" v-infinite-scroll="loadData"> <div class="cell" v-if="list && list.length" v-infinite-scroll="loadData" infinite-scroll-distance="10">
<div class="iconfont icon-duobianxing"></div> <div class="iconfont icon-duobianxing"></div>
<div class="info"> <div class="info">
<div class="title">助力成功记录</div> <div class="title">助力成功记录</div>
......
src/components/cmh/theme-2/index.vue
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
class="text-box" class="text-box"
v-if="playNumberObj && playNumberObj.playNumberFlag" v-if="playNumberObj && playNumberObj.playNumberFlag"
> >
<div class="text">{{ playNumberObj.playNumber }}</div> <div class="text number">{{ playNumberObj.playNumber }}</div>
<img class="text-shadow" src="./images/circle_bg.png" /> <img class="text-shadow" src="./images/circle_bg.png" />
<img class="title-image" src="./images/剩余次数.png" /> <img class="title-image" src="./images/剩余次数.png" />
</div> </div>
...@@ -437,7 +437,7 @@ export default { ...@@ -437,7 +437,7 @@ export default {
<style scoped> <style scoped>
.bg-image { .bg-image {
position: fixed; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
width: 100%; width: 100%;
...@@ -453,7 +453,7 @@ export default { ...@@ -453,7 +453,7 @@ export default {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
border-radius: 50%; border-radius: 50%;
position: absolute; position: fixed;
top: 20px; top: 20px;
left: 20px; left: 20px;
z-index: 10; z-index: 10;
...@@ -559,7 +559,7 @@ export default { ...@@ -559,7 +559,7 @@ export default {
} }
.box-box { .box-box {
height: 531px; height: 511px;
width: 100%; width: 100%;
position: relative; position: relative;
} }
...@@ -631,7 +631,10 @@ export default { ...@@ -631,7 +631,10 @@ export default {
position: relative; position: relative;
z-index: 2; z-index: 2;
} }
.text-box .text.number{
font-size: 40px;
line-height: 20px;
}
.text-box .text-shadow { .text-box .text-shadow {
position: absolute; position: absolute;
left: 50%; left: 50%;
......
src/components/cmh/theme-2/my-reward.vue
...@@ -17,6 +17,7 @@ ...@@ -17,6 +17,7 @@
<div <div
class="infinite-list" class="infinite-list"
infinite-scroll-distance="10"
v-infinite-scroll="loadData" :style="{height:(windowHeight - 50 - 20 - 34 - 10)+'px'}" v-if="list && list.length"> v-infinite-scroll="loadData" :style="{height:(windowHeight - 50 - 20 - 34 - 10)+'px'}" v-if="list && list.length">
<div class="reward-item-box" v-for="item in list" :key="item"> <div class="reward-item-box" v-for="item in list" :key="item">
<div class="reward-item" @click="toRewardDetail(item)"> <div class="reward-item" @click="toRewardDetail(item)">
......
src/components/cmh/theme-3/components/share-select-dialog.vue
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="cell" v-if="list && list.length" v-infinite-scroll="loadData"> <div class="cell" v-if="list && list.length" v-infinite-scroll="loadData" infinite-scroll-distance="10">
<div class="iconfont icon-duobianxing"></div> <div class="iconfont icon-duobianxing"></div>
<div class="info"> <div class="info">
<div class="title">助力成功记录</div> <div class="title">助力成功记录</div>
......
src/components/cmh/theme-3/index.vue
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
class="text-box" class="text-box"
v-if="playNumberObj && playNumberObj.playNumberFlag" v-if="playNumberObj && playNumberObj.playNumberFlag"
> >
<div class="text">{{ playNumberObj.playNumber }}</div> <div class="text number">{{ playNumberObj.playNumber }}</div>
<img class="text-shadow" src="./images/circle_bg.png" /> <img class="text-shadow" src="./images/circle_bg.png" />
<img class="title-image" src="./images/剩余次数.png" /> <img class="title-image" src="./images/剩余次数.png" />
</div> </div>
...@@ -182,41 +182,29 @@ export default { ...@@ -182,41 +182,29 @@ export default {
], ],
boxList: [ boxList: [
{ {
left: "calc(51% - 47px)", left: "calc(24% - 50px)",
top: "214px", top: "202px",
}, },
{ {
left: "calc(33% - 47px)", left: "calc(50% - 50px)",
top: "262px", top: "266px",
}, },
{ {
left: "calc(66% - 47px)", left: "calc(77% - 50px)",
top: "258px", top: "202px",
}, },
{ {
left: "calc(16% - 47px)", left: "calc(24% - 50px)",
top: "307px", top: "338px",
}, },
{ {
left: "calc(52% - 47px)", left: "calc(50% - 50px)",
top: "306px", top: "393px",
}, },
{ {
left: "calc(84% - 47px)", left: "calc(77% - 50px)",
top: "307px", top: "338px",
}, }
{
left: "calc(35% - 47px)",
top: "351px",
},
{
left: "calc(68% - 47px)",
top: "355px",
},
{
left: "calc(53% - 47px)",
top: "400px",
},
], ],
swiperOptions: { swiperOptions: {
direction: "vertical", direction: "vertical",
...@@ -437,7 +425,7 @@ export default { ...@@ -437,7 +425,7 @@ export default {
<style scoped> <style scoped>
.bg-image { .bg-image {
position: fixed; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
width: 100%; width: 100%;
...@@ -453,7 +441,7 @@ export default { ...@@ -453,7 +441,7 @@ export default {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
border-radius: 50%; border-radius: 50%;
position: absolute; position: fixed;
top: 20px; top: 20px;
left: 20px; left: 20px;
z-index: 10; z-index: 10;
...@@ -559,7 +547,7 @@ export default { ...@@ -559,7 +547,7 @@ export default {
} }
.box-box { .box-box {
height: 531px; height: 501px;
width: 100%; width: 100%;
position: relative; position: relative;
} }
...@@ -632,6 +620,11 @@ export default { ...@@ -632,6 +620,11 @@ export default {
z-index: 2; z-index: 2;
} }
.text-box .text.number{
font-size: 40px;
line-height: 20px;
}
.text-box .text-shadow { .text-box .text-shadow {
position: absolute; position: absolute;
left: 50%; left: 50%;
......
src/components/cmh/theme-3/my-reward.vue
...@@ -17,6 +17,7 @@ ...@@ -17,6 +17,7 @@
<div <div
class="infinite-list" class="infinite-list"
infinite-scroll-distance="10"
v-infinite-scroll="loadData" :style="{height:(windowHeight - 50 - 20 - 34 - 10)+'px'}" v-if="list && list.length"> v-infinite-scroll="loadData" :style="{height:(windowHeight - 50 - 20 - 34 - 10)+'px'}" v-if="list && list.length">
<div class="reward-item-box" v-for="item in list" :key="item"> <div class="reward-item-box" v-for="item in list" :key="item">
<div class="reward-item" @click="toRewardDetail(item)"> <div class="reward-item" @click="toRewardDetail(item)">
......
src/components/index.vue
...@@ -14,7 +14,6 @@ export default { ...@@ -14,7 +14,6 @@ export default {
}; };
}, },
created() { created() {
document.title = "游戏";
this.loadData(); this.loadData();
}, },
methods: { methods: {
......
src/components/manager.js
...@@ -154,7 +154,7 @@ export function Manager(component) { ...@@ -154,7 +154,7 @@ export function Manager(component) {
text: "查看规则", text: "查看规则",
click: () => { click: () => {
hiddenAlert(); hiddenAlert();
this.toGameRule(); _component.toGameRule();
}, },
}, },
], ],
...@@ -328,7 +328,7 @@ export function Manager(component) { ...@@ -328,7 +328,7 @@ export function Manager(component) {
} }
}) })
if(_component.helpDetail.helpStatus == 2){ if(_component.helpDetail.helpStatus == 3){
showAlert({ showAlert({
show: true, show: true,
title: '仅差一步', title: '仅差一步',
...@@ -349,6 +349,26 @@ export function Manager(component) { ...@@ -349,6 +349,26 @@ export function Manager(component) {
return; return;
} }
if(_component.helpDetail.helpStatus == 2){
showAlert({
show: true,
content: `已助力`,
buttonList: [
{
text: "参与游戏赢好礼",
click: () => {
hiddenAlert();
_component.toPlayGame();
},
},
],
cancel: () => {
hiddenAlert();
},
});
return;
}
if(query.memberId == query.shareMemberId){ if(query.memberId == query.shareMemberId){
showAlert({ showAlert({
show: true, show: true,
......
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