修改笑脸跳转

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) {
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>
<!-- built files will be auto injected -->
<script src="https://www.google.com/recaptcha/api.js?render=6Ld3xoIpAAAAABW7f5ImgAC6GcWLeDCbt5HPXqe2"></script>
<script src="/src/fingerprint.js"></script>
<script th:inline="javascript">
/**
* 加载外部js
*/
var loadSingleScript = function (src, isModule) {
return new Promise((resolve, reject) => {
console.log(`>> begin load script: ${src}`);
console.info(`>> begin load script: ${src}`);
let s = document.createElement('script');
s.async = true;
if (isModule)s.type = 'module';
s.src =src;
s.addEventListener('load', function () {
console.log(`<< finish load script: ${src}`);
console.info(`<< finish load script: ${src}`);
s.parentNode.removeChild(s);
s.removeEventListener('load', arguments.callee, false);
resolve && resolve();

View File

@ -40,7 +40,7 @@ const actions = {
// mutations
const mutations = {
updateAddress(state, _address) {
console.log('update address: ', _address)
console.info('update address: ', _address)
state.address = _address
},
updateChain(state, _chainId) {
@ -55,7 +55,7 @@ const mutations = {
state.logined = _status
},
updateUserData(state, _data) {
console.log(_data)
console.info(_data)
state.userData = { ...state.userData, ..._data }
}
}

View File

@ -32,12 +32,12 @@ const actions = {
// mutations
const mutations = {
updateAddress(state, _address) {
console.log('update address: ', _address);
console.info('update address: ', _address);
state.address = _address;
state.connected = true;
},
updateChain(state, _chainId) {
console.log('update chain: ', _chainId);
console.info('update chain: ', _chainId);
state.chainId = _chainId;
},
updateWalletName(state, _walletName) {

View File

@ -212,7 +212,7 @@
slot-scope="scope"
>
<div class="touxiang">
<UserImg :imgSrc="scope.row.avatar" />
<UserImg class="userImg" :imgSrc="scope.row.avatar" />
{{ scope.row.nickname }}
</div>
</template>
@ -1107,7 +1107,10 @@ export default {
.touxiang {
display: flex;
align-items: center;
justify-content: space-between;
justify-content: center;
.userImg {
margin-right: 10px;
}
}
}
}

View File

@ -36,7 +36,7 @@
</div>
</div>
<div class="btm">Exploration</div>
<div class="hover-tips">Explorations obtained</div>
<div class="hover-tips">Explorations Earned</div>
</li>
<li>
<div class="top">
@ -89,13 +89,13 @@
<gameView ref="stepId" :stepAmount="stepAmount" :getTotalUsed="getTotalUsed" @awardDialog="exploreAwardDialog" />
</div>
<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="">
</div>
<h4>How it works</h4>
<div
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 class="explore-desc-map" v-if="navIndex == 1">
<li>
@ -244,6 +244,10 @@
</div>
<div class="sign-in-content" v-if="navIndex == 1">
<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' />
<div class="rewards">
<p>Consecutive Sign-In Rewards</p>
@ -496,7 +500,7 @@
</div>
</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>
<div class="top">
@ -506,7 +510,7 @@
</div>
</div>
<div class="btm">Exploration</div>
<div class="hover-tips">Explorations obtained</div>
<div class="hover-tips">Explorations Earned</div>
</li>
<li>
<div class="top">
@ -1273,6 +1277,11 @@ export default {
if(this.stepTicket == this.todayStepTicket ) return
this.stepTicket++
},
//
openLink() {
window.open('https://counterfire.games/')
},
}
};
</script>
@ -1369,7 +1378,7 @@ export default {
}
}
.btm {
font-size: 14px;
font-size: 16px;
color: #A8A5AC;
text-align: right;
}
@ -1572,6 +1581,7 @@ export default {
right: 20px;
width: 30px;
height: 28px;
cursor: pointer;
img {
width: 100%;
height: 100%;
@ -1588,6 +1598,14 @@ export default {
text-align: left;
font-size: 14px;
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 {
@ -1803,7 +1821,6 @@ export default {
padding: 10px;
border-radius: 10px;
font-size: 14px;
margin-bottom: 10px;
box-sizing: border-box;
color: #fff;
cursor: pointer;
@ -2132,12 +2149,19 @@ export default {
}
}
.sign-in-content {
height: 660px;
height: 680px;
padding: 20px 10px;
background: url('./../../assets/home/Samengesteld.png') no-repeat;
background-size: 100% 100%;
border-radius: 40px;
box-sizing: border-box;
.calen-content-tips {
// display: flex;
p {
text-align: left;
font-size: 14px;
}
}
.calen-content {
border-radius: 25px;
width: 360px;
@ -2366,7 +2390,7 @@ export default {
}
}
.btm {
font-size: 14px;
font-size: 16px;
color: #A8A5AC;
text-align: right;
}

View File

@ -90,7 +90,7 @@ div {
margin-bottom: 20px;
}
>div {
width: 480px;
width: 570px;
text-align: left;
margin: 0 auto;
}