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