Skip to content

G
game-h5
Commit 157b62f8 by 曾经
Options

游戏 样式

parent 5b553a81
Showing with 104 additions and 88 deletions
dist/index.html
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no"><link rel="icon" href="favicon.ico"><title>进入游戏</title><link rel="stylesheet" href="//at.alicdn.com/t/font_2844902_uelk5f2sikk.css"><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><link href="css/chunk-0890d9b7.1f6c430f.css" rel="prefetch"><link href="css/chunk-09d0db87.c04481f2.css" rel="prefetch"><link href="css/chunk-19f2e08a.becf9a78.css" rel="prefetch"><link href="css/chunk-19f41208.93bdc1c9.css" rel="prefetch"><link href="css/chunk-390246b3.da21bd50.css" rel="prefetch"><link href="css/chunk-4b1efb49.432dbb80.css" rel="prefetch"><link href="css/chunk-52650254.6dcc52b5.css" rel="prefetch"><link href="css/chunk-5ea88b5e.c37924f6.css" rel="prefetch"><link href="css/chunk-63bbb61e.f4ab2b48.css" rel="prefetch"><link href="css/chunk-68f69b31.0734f14e.css" rel="prefetch"><link href="css/chunk-6bfbc0a0.1482a7ee.css" rel="prefetch"><link href="css/chunk-71639305.f21c9ef5.css" rel="prefetch"><link href="css/chunk-724568a8.00555196.css" rel="prefetch"><link href="js/chunk-0890d9b7.a31e95c6.js" rel="prefetch"><link href="js/chunk-09d0db87.a448d57a.js" rel="prefetch"><link href="js/chunk-19f2e08a.da7b288c.js" rel="prefetch"><link href="js/chunk-19f41208.93645721.js" rel="prefetch"><link href="js/chunk-3566c97c.3f1cfa5e.js" rel="prefetch"><link href="js/chunk-390246b3.d28eccd7.js" rel="prefetch"><link href="js/chunk-4aa552e1.7fa49fe3.js" rel="prefetch"><link href="js/chunk-4b1efb49.3fa0804f.js" rel="prefetch"><link href="js/chunk-52650254.36db545c.js" rel="prefetch"><link href="js/chunk-5ea88b5e.9fc6b0b4.js" rel="prefetch"><link href="js/chunk-63bbb61e.3b97b6bb.js" rel="prefetch"><link href="js/chunk-68f69b31.d71aecd7.js" rel="prefetch"><link href="js/chunk-6bfbc0a0.d3519a28.js" rel="prefetch"><link href="js/chunk-71639305.451b79c4.js" rel="prefetch"><link href="js/chunk-724568a8.4803c6db.js" rel="prefetch"><link href="js/chunk-72be1171.dce6850f.js" rel="prefetch"><link href="js/app.b8d8f7a5.js" rel="preload" as="script"><link href="js/chunk-vendors.37f2d3ab.js" rel="preload" as="script"></head><body><noscript><strong>We're sorry but game-h5 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js"></script><script src="//web-1251519181.file.myqcloud.com/lib/axios/0.18.0/index.min.js"></script><script src="//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js"></script><script src="https://unpkg.com/element-ui/lib/index.js"></script><script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script><script src="js/chunk-vendors.37f2d3ab.js"></script><script src="js/app.b8d8f7a5.js"></script></body></html> <!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no"><link rel="icon" href="favicon.ico"><title>进入游戏</title><link rel="stylesheet" href="//at.alicdn.com/t/font_2844902_uelk5f2sikk.css"><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><link href="css/chunk-0890d9b7.1f6c430f.css" rel="prefetch"><link href="css/chunk-09d0db87.c04481f2.css" rel="prefetch"><link href="css/chunk-19f41208.93bdc1c9.css" rel="prefetch"><link href="css/chunk-2156b3b8.dc7e6f01.css" rel="prefetch"><link href="css/chunk-390246b3.da21bd50.css" rel="prefetch"><link href="css/chunk-4aaa037f.7ec098d6.css" rel="prefetch"><link href="css/chunk-4b1efb49.432dbb80.css" rel="prefetch"><link href="css/chunk-52650254.6dcc52b5.css" rel="prefetch"><link href="css/chunk-5320605c.ff2d7be2.css" rel="prefetch"><link href="css/chunk-5ea88b5e.c37924f6.css" rel="prefetch"><link href="css/chunk-71639305.f21c9ef5.css" rel="prefetch"><link href="css/chunk-724568a8.00555196.css" rel="prefetch"><link href="css/chunk-fc12b1f0.29abbcf5.css" rel="prefetch"><link href="js/chunk-0890d9b7.a31e95c6.js" rel="prefetch"><link href="js/chunk-09d0db87.a448d57a.js" rel="prefetch"><link href="js/chunk-19f41208.ce26538f.js" rel="prefetch"><link href="js/chunk-2156b3b8.f80b6589.js" rel="prefetch"><link href="js/chunk-3566c97c.3f1cfa5e.js" rel="prefetch"><link href="js/chunk-390246b3.f280416d.js" rel="prefetch"><link href="js/chunk-4aa552e1.7fa49fe3.js" rel="prefetch"><link href="js/chunk-4aaa037f.43e78acd.js" rel="prefetch"><link href="js/chunk-4b1efb49.e9ee3f61.js" rel="prefetch"><link href="js/chunk-52650254.36db545c.js" rel="prefetch"><link href="js/chunk-5320605c.8a96c85a.js" rel="prefetch"><link href="js/chunk-5ea88b5e.9fc6b0b4.js" rel="prefetch"><link href="js/chunk-71639305.15ea8f2e.js" rel="prefetch"><link href="js/chunk-724568a8.4803c6db.js" rel="prefetch"><link href="js/chunk-72be1171.dce6850f.js" rel="prefetch"><link href="js/chunk-fc12b1f0.a3948c73.js" rel="prefetch"><link href="js/app.323f7ec5.js" rel="preload" as="script"><link href="js/chunk-vendors.37f2d3ab.js" rel="preload" as="script"></head><body><noscript><strong>We're sorry but game-h5 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js"></script><script src="//web-1251519181.file.myqcloud.com/lib/axios/0.18.0/index.min.js"></script><script src="//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js"></script><script src="https://unpkg.com/element-ui/lib/index.js"></script><script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script><script src="js/chunk-vendors.37f2d3ab.js"></script><script src="js/app.323f7ec5.js"></script></body></html>
\ No newline at end of file \ No newline at end of file
dist/js/chunk-71639305.451b79c4.js → dist/js/chunk-71639305.15ea8f2e.js
This source diff could not be displayed because it is too large. You can view the blob instead.
src/components/cmh/theme-1/components/share-select-dialog.vue
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
<div class="record-list"> <div class="record-list">
<div class="record-item" v-for="item in list" :key="item"> <div class="record-item" v-for="item in list" :key="item">
<div class="time">{{ item.createTime | formatDate }}</div> <div class="time">{{ item.createTime | formatDate }}</div>
<div class="text">{{ item.helpMemberName || item.helpMemberNick }} 助力成功</div> <div class="text">{{ item.helpMemberName || item.helpMemberNick || '佚名' }} 助力成功</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -196,6 +196,7 @@ export default { ...@@ -196,6 +196,7 @@ export default {
.content { .content {
max-height: 80%; max-height: 80%;
box-sizing: border-box;
position: absolute; position: absolute;
left: 0; left: 0;
bottom: 0; bottom: 0;
...@@ -203,6 +204,7 @@ export default { ...@@ -203,6 +204,7 @@ export default {
border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
background: #f6f6f6; background: #f6f6f6;
overflow: auto; overflow: auto;
padding-bottom: 10px;
animation-duration: 200ms; animation-duration: 200ms;
animation-fill-mode: forwards; animation-fill-mode: forwards;
......
src/components/cmh/theme-2/support.vue
<template> <template>
<div class="box"> <div class="box">
<div class="page-bg" v-if="game && game.gameExt && game.gameExt.bgHelpUrl"> <div class="page-bg" v-if="game && game.gameExt && game.gameExt.bgHelpUrl">
<img <img :src="game.gameExt.bgHelpUrl" class="bg-img" mode="widthFix" />
:src="game.gameExt.bgHelpUrl"
class="bg-img"
mode="widthFix"
/>
</div> </div>
<div class="content"> <div class="content">
<div class="content-top"> <div class="content-top">
<img v-if="game && game.gameExt && game.gameExt.bgBannerHelpUrl" <img
v-if="game && game.gameExt && game.gameExt.bgBannerHelpUrl"
:src="game.gameExt.bgBannerHelpUrl" :src="game.gameExt.bgBannerHelpUrl"
class="top-img" class="top-img"
mode="widthFix" mode="widthFix"
...@@ -26,7 +23,9 @@ ...@@ -26,7 +23,9 @@
</div> </div>
<div class="friend-name">你的好友 {{ helpDetail.shareMemberName }}</div> <div class="friend-name">你的好友 {{ helpDetail.shareMemberName }}</div>
<div class="tip-text">正在请求您的助力</div> <div class="tip-text">正在请求您的助力</div>
<div class="handle-btn disable" v-if="helpDetail.helpStatus == 2">我已助力</div> <div class="handle-btn disable" v-if="helpDetail.helpStatus == 2">
我已助力
</div>
<div class="handle-btn red" @click="support" v-else>为好友助力</div> <div class="handle-btn red" @click="support" v-else>为好友助力</div>
<div class="handle-btn blue" @click="toPlayGame">我要参加游戏</div> <div class="handle-btn blue" @click="toPlayGame">我要参加游戏</div>
</div> </div>
...@@ -38,7 +37,7 @@ ...@@ -38,7 +37,7 @@
<div class="iconfont icon-duobianxing"></div> <div class="iconfont icon-duobianxing"></div>
</div> </div>
<div class="reward-box"> <div class="reward-box">
<div class="reward-item-box" v-for="item in gameReward" :key="item"> <div class="reward-item-box" v-for="item in gameReward" :key="item">
<div class="reward-item-detail"> <div class="reward-item-detail">
<div class="img-box"> <div class="img-box">
<img <img
...@@ -58,7 +57,6 @@ ...@@ -58,7 +57,6 @@
<alert-dialog v-bind.sync="alertOptions"></alert-dialog> <alert-dialog v-bind.sync="alertOptions"></alert-dialog>
<fwh-qrcode-dialog v-bind.sync="fwhQrcodeOptions"></fwh-qrcode-dialog> <fwh-qrcode-dialog v-bind.sync="fwhQrcodeOptions"></fwh-qrcode-dialog>
<share-select-dialog <share-select-dialog
:show.sync="showShareSelectDialog" :show.sync="showShareSelectDialog"
v-show="showShareSelectDialog" v-show="showShareSelectDialog"
...@@ -99,25 +97,25 @@ export default { ...@@ -99,25 +97,25 @@ export default {
AlertDialog, AlertDialog,
ShareSelectDialog, ShareSelectDialog,
ShareImgDialog, ShareImgDialog,
FwhQrcodeDialog FwhQrcodeDialog,
}, },
data() { data() {
return { return {
alertOptions:{}, alertOptions: {},
game:{}, game: {},
helpDetail: {}, helpDetail: {},
fwhQrcodeOptions: { fwhQrcodeOptions: {
show: false, show: false,
qrcodeUrl: '', qrcodeUrl: "",
}, },
gameReward: [], gameReward: [],
showShareSelectDialog: false, showShareSelectDialog: false,
showShareImgDialog: false, showShareImgDialog: false,
pyqOptions:{}, pyqOptions: {},
memberId:"", memberId: "",
enterpriseId: '', enterpriseId: "",
gameId: '', gameId: "",
shareConditionObj:{}, shareConditionObj: {},
}; };
}, },
created() { created() {
...@@ -137,28 +135,29 @@ export default { ...@@ -137,28 +135,29 @@ export default {
this.getGameReward(); this.getGameReward();
this.getHelpDetail(); this.getHelpDetail();
}, },
async getGameInfo(){ async getGameInfo() {
let query = this.$route.query; let query = this.$route.query;
this.game = await getGameInfo({ this.game = await getGameInfo({
enterpriseId: query.enterpriseId, enterpriseId: query.enterpriseId,
gameId: query.gameId, gameId: query.gameId,
}) });
}, },
async getGameReward(){ async getGameReward() {
let query = this.$route.query; let query = this.$route.query;
this.gameReward = await getGameReward({ this.gameReward = await getGameReward({
enterpriseId: query.enterpriseId, enterpriseId: query.enterpriseId,
gameId: query.gameId, gameId: query.gameId,
}) });
}, },
async getHelpDetail(){ async getHelpDetail() {
let query = this.$route.query; let query = this.$route.query;
this.helpDetail = await getHelpDetail({ this.helpDetail =
enterpriseId: query.enterpriseId, (await getHelpDetail({
shareMemberId: query.shareMemberId, enterpriseId: query.enterpriseId,
gameId: query.gameId, shareMemberId: query.shareMemberId,
helpMemberId: query.memberId || '', gameId: query.gameId,
}) || {}; helpMemberId: query.memberId || "",
})) || {};
}, },
async getGameRule() { async getGameRule() {
let rule = await getGameRule({ let rule = await getGameRule({
...@@ -187,13 +186,13 @@ export default { ...@@ -187,13 +186,13 @@ export default {
path: "/cmh/1", path: "/cmh/1",
query: { query: {
gameId: query.gameId, gameId: query.gameId,
memberId: query.memberId || '', memberId: query.memberId || "",
enterpriseId: query.enterpriseId, enterpriseId: query.enterpriseId,
isAttest: query.isAttest, isAttest: query.isAttest,
}, },
}); });
}, },
support(){ support() {
this.manager.support(); this.manager.support();
}, },
async shareWx() { async shareWx() {
...@@ -205,19 +204,21 @@ export default { ...@@ -205,19 +204,21 @@ export default {
memberId: query.shareMemberId, memberId: query.shareMemberId,
shareType: 1, shareType: 1,
}; };
await saveGameShare(data).catch(()=>{}); await saveGameShare(data).catch(() => {});
getGameShareQrCodeUrl(data).then((result) => { getGameShareQrCodeUrl(data)
let linkId = result.linkId; .then((result) => {
let linkId = result.linkId;
this.showShareSelectDialog = false;
this.manager.shareWx({ this.showShareSelectDialog = false;
title: options.shareTitle, this.manager.shareWx({
imageUrl: options.shareCard, title: options.shareTitle,
path: `/pages/page-transit/page-transit-qy?scene=${linkId}`, imageUrl: options.shareCard,
path: `/pages/page-transit/page-transit-qy?scene=${linkId}`,
});
})
.catch((err) => {
this.manager.showTips(err.message);
}); });
}).catch((err) => {
this.manager.showTips(err.message);
});
}, },
async sharePyq() { async sharePyq() {
let options = this.shareConditionObj; let options = this.shareConditionObj;
...@@ -228,17 +229,19 @@ export default { ...@@ -228,17 +229,19 @@ export default {
memberId: query.shareMemberId, memberId: query.shareMemberId,
shareType: options.type == 12 ? 2 : 1, shareType: options.type == 12 ? 2 : 1,
}; };
await saveGameShare(data).catch(()=>{}); await saveGameShare(data).catch(() => {});
getGameShareQrCodeUrl(data).then((result) => { getGameShareQrCodeUrl(data)
this.pyqOptions = { .then((result) => {
bgImage: options.shareReport, this.pyqOptions = {
qrcodeUrl: result.qrCodeUrl, bgImage: options.shareReport,
}; qrcodeUrl: result.qrCodeUrl,
this.showShareSelectDialog = false; };
this.showShareImgDialog = true; this.showShareSelectDialog = false;
}).catch((err) => { this.showShareImgDialog = true;
this.manager.showTips(err.message); })
}); .catch((err) => {
this.manager.showTips(err.message);
});
}, },
async clickShareBtn() { async clickShareBtn() {
await this.manager.checkPlay(); await this.manager.checkPlay();
...@@ -251,14 +254,16 @@ export default { ...@@ -251,14 +254,16 @@ export default {
enterpriseId: query.enterpriseId, enterpriseId: query.enterpriseId,
memberId: query.shareMemberId, memberId: query.shareMemberId,
shareType: 2, shareType: 2,
}).then((result) => { })
this.fwhQrcodeOptions = { .then((result) => {
show: true, this.fwhQrcodeOptions = {
qrcodeUrl: result.qrCodeUrl, show: true,
}; qrcodeUrl: result.qrCodeUrl,
}).catch((err) => { };
this.manager.showTips(err.message); })
}); .catch((err) => {
this.manager.showTips(err.message);
});
}, },
}, },
}; };
...@@ -303,8 +308,8 @@ export default { ...@@ -303,8 +308,8 @@ export default {
width: 206px; width: 206px;
height: 33px; height: 33px;
box-sizing: border-box; box-sizing: border-box;
border: 1px solid #ffffff; border: 1px solid rgba(0, 0, 0, 1);
color: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8);
align-items: center; align-items: center;
border-radius: 12px; border-radius: 12px;
} }
...@@ -315,12 +320,20 @@ export default { ...@@ -315,12 +320,20 @@ export default {
margin: 0 7px; margin: 0 7px;
} }
.content-top .top-tip-box .line.left { .content-top .top-tip-box .line.left {
background: linear-gradient(270deg, #38bdcd 0%, rgba(56, 189, 205, 0) 100%); background: linear-gradient(
270deg,
rgba(33, 37, 43, 1) 0%,
rgba(33, 37, 43, 0) 100%
);
margin-right: 9px; margin-right: 9px;
} }
.content-top .top-tip-box .line.right { .content-top .top-tip-box .line.right {
background: linear-gradient(270deg, rgba(56, 189, 205, 0) 0%, #38bdcd 100%); background: linear-gradient(
270deg,
rgba(33, 37, 43, 0) 0%,
rgba(33, 37, 43, 1) 100%
);
margin-left: 9px; margin-left: 9px;
} }
...@@ -332,7 +345,7 @@ export default { ...@@ -332,7 +345,7 @@ export default {
.content-cell { .content-cell {
border-radius: 8px; border-radius: 8px;
border: 1px solid #06b0b2; border: 1px solid #21252b;
background: white; background: white;
margin: 12px 12px 3px; margin: 12px 12px 3px;
width: calc(100% - 24px); width: calc(100% - 24px);
...@@ -342,7 +355,7 @@ export default { ...@@ -342,7 +355,7 @@ export default {
} }
/* 好友助力 */ /* 好友助力 */
.header-img-box{ .header-img-box {
padding: 40px 0 14px; padding: 40px 0 14px;
} }
.header-img { .header-img {
...@@ -381,7 +394,7 @@ export default { ...@@ -381,7 +394,7 @@ export default {
.handle-btn:last-child { .handle-btn:last-child {
margin-bottom: 23px; margin-bottom: 23px;
} }
.handle-btn.disable{ .handle-btn.disable {
background: #c7c7c7; background: #c7c7c7;
} }
.handle-btn.red { .handle-btn.red {
...@@ -402,14 +415,14 @@ export default { ...@@ -402,14 +415,14 @@ export default {
height: 50px; height: 50px;
background: linear-gradient( background: linear-gradient(
180deg, 180deg,
#dff7f4 0%, #e8fccf 0%,
rgba(223, 247, 244, 0.3) 100% rgba(238, 247, 225, 0.3) 100%
); );
border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
} }
.cell-top .title { .cell-top .title {
color: #21252B; color: #21252b;
font-size: 17px; font-size: 17px;
padding: 0 10px; padding: 0 10px;
font-weight: 600; font-weight: 600;
......
src/components/cmh/theme-3/support.vue
...@@ -316,12 +316,12 @@ export default { ...@@ -316,12 +316,12 @@ export default {
margin: 0 7px; margin: 0 7px;
} }
.content-top .top-tip-box .line.left { .content-top .top-tip-box .line.left {
background: linear-gradient(270deg, #38bdcd 0%, rgba(56, 189, 205, 0) 100%); background: linear-gradient(270deg, rgba(33, 37, 43, 1) 0%, rgba(33, 37, 43, 0) 100%);
margin-right: 9px; margin-right: 9px;
} }
.content-top .top-tip-box .line.right { .content-top .top-tip-box .line.right {
background: linear-gradient(270deg, rgba(56, 189, 205, 0) 0%, #38bdcd 100%); background: linear-gradient(270deg, rgba(33, 37, 43, 0) 0%, rgba(33, 37, 43, 1) 100%);
margin-left: 9px; margin-left: 9px;
} }
...@@ -372,25 +372,29 @@ export default { ...@@ -372,25 +372,29 @@ export default {
line-height: 48px; line-height: 48px;
border-radius: 24px; border-radius: 24px;
text-align: center; text-align: center;
box-shadow: inset 0px 3px 3px 0px rgba(255, 255, 255, 0.8);
color: white;
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
margin: 0 auto 19px; margin: 0 auto 19px;
box-sizing: border-box;
background: #c7c7c7;
} }
.handle-btn:last-child { .handle-btn:last-child {
margin-bottom: 23px; margin-bottom: 23px;
} }
.handle-btn.disable{ .handle-btn.disable{
background: #c7c7c7; background: #c7c7c7;
color: white;
} }
.handle-btn.red { .handle-btn.red {
background: #fd452d; background: #000000;
color: white;
box-shadow: inset 0px 3px 3px 0px rgba(255, 255, 255, 0.8);
} }
.handle-btn.blue { .handle-btn.blue {
background: #12b4bb; background: white;
border: 1px solid #000000;
color: #000000;
} }
/* 好友助力 end */ /* 好友助力 end */
...@@ -401,11 +405,7 @@ export default { ...@@ -401,11 +405,7 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 50px; height: 50px;
background: linear-gradient( background: linear-gradient(180deg, #D9FCF5 0%, rgba(238, 247, 225, 0.3) 100%);
180deg,
#dff7f4 0%,
rgba(223, 247, 244, 0.3) 100%
);
border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
} }
......
src/components/manager.js
...@@ -199,7 +199,8 @@ export function Manager(component) { ...@@ -199,7 +199,8 @@ export function Manager(component) {
case 2005: case 2005:
// 用户游戏抽奖次数小于0 // 用户游戏抽奖次数小于0
title = "游戏剩余次数已用完"; title = "游戏剩余次数已用完";
content = `每邀请${_component.shareConditionObj.inviteNum}位好友助力即可获得${_component.shareConditionObj.value}次游戏机会哦~`; content = `每邀请${ _component.shareConditionObj.inviteNum }位好友助力增加${ _component.shareConditionObj.value }次，被邀请用户进入分享页${ _component.shareConditionObj.type == 11 ? '会员注册' : '关注服务号' }完成助力。`;
buttonList = [{ buttonList = [{
text: "分享好友", text: "分享好友",
click: () => { click: () => {
......
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