修改笑脸跳转
This commit is contained in:
parent
b0e76587ff
commit
b2db3214ac
@ -76,7 +76,7 @@ window.boot = function () {
|
|||||||
if (div) {
|
if (div) {
|
||||||
div.style.backgroundImage = '';
|
div.style.backgroundImage = '';
|
||||||
}
|
}
|
||||||
console.log('Success to load scene: ' + launchScene);
|
console.info('Success to load scene: ' + launchScene);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -34,20 +34,19 @@
|
|||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
<!-- built files will be auto injected -->
|
<!-- built files will be auto injected -->
|
||||||
<script src="https://www.google.com/recaptcha/api.js?render=6Ld3xoIpAAAAABW7f5ImgAC6GcWLeDCbt5HPXqe2"></script>
|
<script src="https://www.google.com/recaptcha/api.js?render=6Ld3xoIpAAAAABW7f5ImgAC6GcWLeDCbt5HPXqe2"></script>
|
||||||
<script src="/src/fingerprint.js"></script>
|
|
||||||
<script th:inline="javascript">
|
<script th:inline="javascript">
|
||||||
/**
|
/**
|
||||||
* 加载外部js
|
* 加载外部js
|
||||||
*/
|
*/
|
||||||
var loadSingleScript = function (src, isModule) {
|
var loadSingleScript = function (src, isModule) {
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
console.log(`>> begin load script: ${src}`);
|
console.info(`>> begin load script: ${src}`);
|
||||||
let s = document.createElement('script');
|
let s = document.createElement('script');
|
||||||
s.async = true;
|
s.async = true;
|
||||||
if (isModule)s.type = 'module';
|
if (isModule)s.type = 'module';
|
||||||
s.src =src;
|
s.src =src;
|
||||||
s.addEventListener('load', function () {
|
s.addEventListener('load', function () {
|
||||||
console.log(`<< finish load script: ${src}`);
|
console.info(`<< finish load script: ${src}`);
|
||||||
s.parentNode.removeChild(s);
|
s.parentNode.removeChild(s);
|
||||||
s.removeEventListener('load', arguments.callee, false);
|
s.removeEventListener('load', arguments.callee, false);
|
||||||
resolve && resolve();
|
resolve && resolve();
|
||||||
|
@ -40,7 +40,7 @@ const actions = {
|
|||||||
// mutations
|
// mutations
|
||||||
const mutations = {
|
const mutations = {
|
||||||
updateAddress(state, _address) {
|
updateAddress(state, _address) {
|
||||||
console.log('update address: ', _address)
|
console.info('update address: ', _address)
|
||||||
state.address = _address
|
state.address = _address
|
||||||
},
|
},
|
||||||
updateChain(state, _chainId) {
|
updateChain(state, _chainId) {
|
||||||
@ -55,7 +55,7 @@ const mutations = {
|
|||||||
state.logined = _status
|
state.logined = _status
|
||||||
},
|
},
|
||||||
updateUserData(state, _data) {
|
updateUserData(state, _data) {
|
||||||
console.log(_data)
|
console.info(_data)
|
||||||
state.userData = { ...state.userData, ..._data }
|
state.userData = { ...state.userData, ..._data }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -32,12 +32,12 @@ const actions = {
|
|||||||
// mutations
|
// mutations
|
||||||
const mutations = {
|
const mutations = {
|
||||||
updateAddress(state, _address) {
|
updateAddress(state, _address) {
|
||||||
console.log('update address: ', _address);
|
console.info('update address: ', _address);
|
||||||
state.address = _address;
|
state.address = _address;
|
||||||
state.connected = true;
|
state.connected = true;
|
||||||
},
|
},
|
||||||
updateChain(state, _chainId) {
|
updateChain(state, _chainId) {
|
||||||
console.log('update chain: ', _chainId);
|
console.info('update chain: ', _chainId);
|
||||||
state.chainId = _chainId;
|
state.chainId = _chainId;
|
||||||
},
|
},
|
||||||
updateWalletName(state, _walletName) {
|
updateWalletName(state, _walletName) {
|
||||||
|
@ -212,7 +212,7 @@
|
|||||||
slot-scope="scope"
|
slot-scope="scope"
|
||||||
>
|
>
|
||||||
<div class="touxiang">
|
<div class="touxiang">
|
||||||
<UserImg :imgSrc="scope.row.avatar" />
|
<UserImg class="userImg" :imgSrc="scope.row.avatar" />
|
||||||
{{ scope.row.nickname }}
|
{{ scope.row.nickname }}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -1107,7 +1107,10 @@ export default {
|
|||||||
.touxiang {
|
.touxiang {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: center;
|
||||||
|
.userImg {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -36,7 +36,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="btm">Exploration</div>
|
<div class="btm">Exploration</div>
|
||||||
<div class="hover-tips">Explorations obtained</div>
|
<div class="hover-tips">Explorations Earned</div>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<div class="top">
|
<div class="top">
|
||||||
@ -89,13 +89,13 @@
|
|||||||
<gameView ref="stepId" :stepAmount="stepAmount" :getTotalUsed="getTotalUsed" @awardDialog="exploreAwardDialog" />
|
<gameView ref="stepId" :stepAmount="stepAmount" :getTotalUsed="getTotalUsed" @awardDialog="exploreAwardDialog" />
|
||||||
</div>
|
</div>
|
||||||
<div class="explore-desc" v-if="navIndex == 0 || navIndex == 2">
|
<div class="explore-desc" v-if="navIndex == 0 || navIndex == 2">
|
||||||
<div class="explore-desc-logo">
|
<div class="explore-desc-logo" @click="openLink">
|
||||||
<img src="./../../assets/home/Icon_smile.png" alt="">
|
<img src="./../../assets/home/Icon_smile.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
<h4>How it works</h4>
|
<h4>How it works</h4>
|
||||||
<div
|
<div
|
||||||
class="desc"
|
class="desc"
|
||||||
>Every step is filled with possibilities; every movement might begin a new chapter.<br />All on-chain activities are powered by opBNB. <br />Click the smiley face for more details on Medium.</div>
|
>Every step is filled with possibilities; every movement might begin a new chapter.<br />All on-chain activities are powered by opBNB. <br /><p @click="openLink">Click here for more details on Medium.</p></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="explore-desc-map" v-if="navIndex == 1">
|
<div class="explore-desc-map" v-if="navIndex == 1">
|
||||||
<li>
|
<li>
|
||||||
@ -244,6 +244,10 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="sign-in-content" v-if="navIndex == 1">
|
<div class="sign-in-content" v-if="navIndex == 1">
|
||||||
<div class="calen-content">
|
<div class="calen-content">
|
||||||
|
<div class="calen-content-tips">
|
||||||
|
<p><span>Event start:</span> <span> {{activityData.startTime | formatDate}}</span></p>
|
||||||
|
<p>Event end:<span> {{activityData.endTime | formatDate}}</span></p>
|
||||||
|
</div>
|
||||||
<Calen ref="renewCheck" :activityData='activityData' />
|
<Calen ref="renewCheck" :activityData='activityData' />
|
||||||
<div class="rewards">
|
<div class="rewards">
|
||||||
<p>Consecutive Sign-In Rewards</p>
|
<p>Consecutive Sign-In Rewards</p>
|
||||||
@ -496,7 +500,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="btm">Boosting</div>
|
<div class="btm">Boosting</div>
|
||||||
<div class="hover-tips">Daily boosting reamaining times</div>
|
<div class="hover-tips">Remaining Daily Boosts</div>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<div class="top">
|
<div class="top">
|
||||||
@ -506,7 +510,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="btm">Exploration</div>
|
<div class="btm">Exploration</div>
|
||||||
<div class="hover-tips">Explorations obtained</div>
|
<div class="hover-tips">Explorations Earned</div>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<div class="top">
|
<div class="top">
|
||||||
@ -1273,6 +1277,11 @@ export default {
|
|||||||
if(this.stepTicket == this.todayStepTicket ) return
|
if(this.stepTicket == this.todayStepTicket ) return
|
||||||
this.stepTicket++
|
this.stepTicket++
|
||||||
},
|
},
|
||||||
|
|
||||||
|
// 外链跳转
|
||||||
|
openLink() {
|
||||||
|
window.open('https://counterfire.games/')
|
||||||
|
},
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
@ -1369,7 +1378,7 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.btm {
|
.btm {
|
||||||
font-size: 14px;
|
font-size: 16px;
|
||||||
color: #A8A5AC;
|
color: #A8A5AC;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@ -1572,6 +1581,7 @@ export default {
|
|||||||
right: 20px;
|
right: 20px;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
height: 28px;
|
height: 28px;
|
||||||
|
cursor: pointer;
|
||||||
img {
|
img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@ -1588,6 +1598,14 @@ export default {
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-family: 'Poppins-Light';
|
font-family: 'Poppins-Light';
|
||||||
|
p {
|
||||||
|
text-align: left;
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: 'Poppins-Light';
|
||||||
|
color: #9950FD;
|
||||||
|
text-decoration: underline;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.explore-desc-map {
|
.explore-desc-map {
|
||||||
@ -1803,7 +1821,6 @@ export default {
|
|||||||
padding: 10px;
|
padding: 10px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
margin-bottom: 10px;
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@ -2132,12 +2149,19 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.sign-in-content {
|
.sign-in-content {
|
||||||
height: 660px;
|
height: 680px;
|
||||||
padding: 20px 10px;
|
padding: 20px 10px;
|
||||||
background: url('./../../assets/home/Samengesteld.png') no-repeat;
|
background: url('./../../assets/home/Samengesteld.png') no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
border-radius: 40px;
|
border-radius: 40px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
.calen-content-tips {
|
||||||
|
// display: flex;
|
||||||
|
p {
|
||||||
|
text-align: left;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
.calen-content {
|
.calen-content {
|
||||||
border-radius: 25px;
|
border-radius: 25px;
|
||||||
width: 360px;
|
width: 360px;
|
||||||
@ -2366,7 +2390,7 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.btm {
|
.btm {
|
||||||
font-size: 14px;
|
font-size: 16px;
|
||||||
color: #A8A5AC;
|
color: #A8A5AC;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
@ -90,7 +90,7 @@ div {
|
|||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
>div {
|
>div {
|
||||||
width: 480px;
|
width: 570px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user