修改笑脸跳转

This commit is contained in:
yuyongdong 2024-04-17 15:22:07 +08:00
parent b0e76587ff
commit b2db3214ac
7 changed files with 46 additions and 20 deletions

View File

@ -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);
} }
} }
} }

View File

@ -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();

View File

@ -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 }
} }
} }

View File

@ -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) {

View File

@ -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;
}
} }
} }
} }

View File

@ -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;
} }

View File

@ -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;
} }