|
@@ -28,9 +28,9 @@ const closeUnitList = () => {
|
|
|
isShowUnitList.value = false
|
|
isShowUnitList.value = false
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-const baseAPIUrl = ref('')
|
|
|
|
|
|
|
+// const baseAPIUrl = ref('')
|
|
|
// const baseAPIUrl = ref('http://192.168.20.61:8063')
|
|
// const baseAPIUrl = ref('http://192.168.20.61:8063')
|
|
|
-// const baseAPIUrl = ref('https://sit-cnzhengquan.4dage.com')
|
|
|
|
|
|
|
+const baseAPIUrl = ref('https://sit-cnzhengquan.4dage.com')
|
|
|
|
|
|
|
|
// const store = useStore()
|
|
// const store = useStore()
|
|
|
|
|
|
|
@@ -42,25 +42,39 @@ const displayText = ref([] as any)
|
|
|
|
|
|
|
|
const isLogin = ref(false)
|
|
const isLogin = ref(false)
|
|
|
|
|
|
|
|
|
|
+const isNext = ref(false as boolean)
|
|
|
|
|
+
|
|
|
const goLogin = () => {
|
|
const goLogin = () => {
|
|
|
- router.push({
|
|
|
|
|
- path: 'homePageMo',
|
|
|
|
|
- query: {
|
|
|
|
|
- src: '/game/index.html#/login-view?no-redirect=1'
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
- isLogin.value = true
|
|
|
|
|
|
|
+ if (isNext.value) {
|
|
|
|
|
+ router.push({
|
|
|
|
|
+ path: 'homePageMo',
|
|
|
|
|
+ query: {
|
|
|
|
|
+ src: '/game/index.html#/login-view?no-redirect=1'
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ isLogin.value = true
|
|
|
|
|
+
|
|
|
|
|
+ } else {
|
|
|
|
|
+ isNext.value = true
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
|
axios({
|
|
axios({
|
|
|
method: 'get',
|
|
method: 'get',
|
|
|
- url: `${baseAPIUrl.value}/api/show/rule/getList`,
|
|
|
|
|
|
|
+ url: `${baseAPIUrl.value}/api/show/rule/getList?type=online`,
|
|
|
}).then((res: any) => {
|
|
}).then((res: any) => {
|
|
|
-
|
|
|
|
|
displayText.value = res.data.data
|
|
displayText.value = res.data.data
|
|
|
|
|
+ displayText.value.push({
|
|
|
|
|
+ name: '互动游戏',
|
|
|
|
|
+ description: '每完成一项互动游戏即可获得',
|
|
|
|
|
+ score: 10
|
|
|
|
|
+ })
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
if (localStorage.getItem('token') && localStorage.getItem('userInfo')) {
|
|
if (localStorage.getItem('token') && localStorage.getItem('userInfo')) {
|
|
@@ -80,33 +94,34 @@ onMounted(() => {
|
|
|
<!-- 未登录弹窗 -->
|
|
<!-- 未登录弹窗 -->
|
|
|
<div class="noLogin" v-if="!isLogin">
|
|
<div class="noLogin" v-if="!isLogin">
|
|
|
<div class="noLogin-box">
|
|
<div class="noLogin-box">
|
|
|
- <div class="title">完成注册并登录,即可获得积分</div>
|
|
|
|
|
- <div class="scoreSM">积分规则:</div>
|
|
|
|
|
|
|
+ <div class="title" v-show="!isNext">完成注册并登录,即可获得积分。<br />积分可用于兑换礼品。</div>
|
|
|
|
|
+ <div class="scoreSM title" v-show="isNext">积分规则:</div>
|
|
|
<!-- <div class="gameItem">乡村林场:完成任一环节(浇水,施肥,除虫,修剪)可得分 12分</div> -->
|
|
<!-- <div class="gameItem">乡村林场:完成任一环节(浇水,施肥,除虫,修剪)可得分 12分</div> -->
|
|
|
- <div class="gameItem" v-for="(item, index) in displayText" :key="index">
|
|
|
|
|
|
|
+ <div class="gameItem" v-show="isNext" v-for="(item, index) in displayText" :key="index">
|
|
|
<div v-if="!browser.mobile">{{ item.name !== '当日积分上限' || item.name ===
|
|
<div v-if="!browser.mobile">{{ item.name !== '当日积分上限' || item.name ===
|
|
|
- '' ? item.name +
|
|
|
|
|
- ' : ' + item.description + ' ' + item.score + '分' : '' }}</div>
|
|
|
|
|
|
|
+ '' ? item.name +
|
|
|
|
|
+ ' : ' + item.description + ' ' + item.score + '个积分' : '' }}</div>
|
|
|
|
|
|
|
|
<div v-else :style="{ marginBottom: '5px' }">
|
|
<div v-else :style="{ marginBottom: '5px' }">
|
|
|
<div v-show="item.name !== '当日积分上限'">{{ item.name + ':' }}</div>
|
|
<div v-show="item.name !== '当日积分上限'">{{ item.name + ':' }}</div>
|
|
|
<div v-show="item.name !== '当日积分上限'">{{ item.description + ' ' + item.score + '分' }}</div>
|
|
<div v-show="item.name !== '当日积分上限'">{{ item.description + ' ' + item.score + '分' }}</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
<div class="btns">
|
|
<div class="btns">
|
|
|
- <div v-show="browser.mobile" class="btn" @click="isLogin = true" >取消</div>
|
|
|
|
|
- <div class="btn" @click="goLogin()">同意并注册账号</div>
|
|
|
|
|
|
|
+ <div v-show="browser.mobile || !isNext" class="btn" @click="isLogin = true">{{ isNext ? '取消' : '直接观展' }}</div>
|
|
|
|
|
+ <div class="btn" @click="goLogin()">{{ isNext ? '同意并注册账号' : '注册观展' }}</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
<!-- 序厅序列帧 -->
|
|
<!-- 序厅序列帧 -->
|
|
|
<div class="xuliezhen-greeting changing"
|
|
<div class="xuliezhen-greeting changing"
|
|
|
:style="{ backgroundImage: `url(${baseResourceUrl}/animation/0/greeting.png)`, backgroundSize: 'cover' }">
|
|
:style="{ backgroundImage: `url(${baseResourceUrl}/animation/0/greeting.png)`, backgroundSize: 'cover' }">
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 关闭按钮 -->
|
|
<!-- 关闭按钮 -->
|
|
|
- <img v-show="!browser.mobile" class="close-icon" @click="isLogin = true" src="@/assets/images/home/close-icon.png" alt="">
|
|
|
|
|
|
|
+ <img v-show="!browser.mobile" class="close-icon" @click="isLogin = true"
|
|
|
|
|
+ src="@/assets/images/home/close-icon.png" alt="">
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
@@ -178,28 +193,35 @@ onMounted(() => {
|
|
|
|
|
|
|
|
.scoreSM {
|
|
.scoreSM {
|
|
|
line-height: 30px;
|
|
line-height: 30px;
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.gameItem {
|
|
.gameItem {
|
|
|
line-height: 38px;
|
|
line-height: 38px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .btn {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- color: #fff;
|
|
|
|
|
- background: #bc121bbb;
|
|
|
|
|
- border-radius: 10px;
|
|
|
|
|
- border: 1px solid rgba(0, 0, 0, .5);
|
|
|
|
|
- cursor: pointer;
|
|
|
|
|
|
|
+ .btns {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
- justify-content: center;
|
|
|
|
|
- margin-top: 20px;
|
|
|
|
|
- font-family: "AlibabaPuHuiTi2.0-105Heavy";
|
|
|
|
|
- box-shadow: 0 4px 18px #00000080;
|
|
|
|
|
- margin-top: 10%;
|
|
|
|
|
-
|
|
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+
|
|
|
|
|
+ .btn {
|
|
|
|
|
+ // width: %;
|
|
|
|
|
+ width: 45%;
|
|
|
|
|
+ color: #fff;
|
|
|
|
|
+ background: #bc121bbb;
|
|
|
|
|
+ border-radius: 10px;
|
|
|
|
|
+ border: 1px solid rgba(0, 0, 0, .5);
|
|
|
|
|
+ cursor: pointer;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ margin-top: 20px;
|
|
|
|
|
+ font-family: "AlibabaPuHuiTi2.0-105Heavy";
|
|
|
|
|
+ box-shadow: 0 4px 18px #00000080;
|
|
|
|
|
+ margin-top: 10%;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+
|
|
|
.xuliezhen-greeting {
|
|
.xuliezhen-greeting {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
right: 0;
|
|
right: 0;
|
|
@@ -282,7 +304,11 @@ onMounted(() => {
|
|
|
|
|
|
|
|
.noLogin-box {
|
|
.noLogin-box {
|
|
|
width: 90%;
|
|
width: 90%;
|
|
|
|
|
+ min-height: 38%;
|
|
|
padding: 10px;
|
|
padding: 10px;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
|
|
|
|
|
|
|
|
.title {
|
|
.title {
|
|
@@ -292,7 +318,9 @@ onMounted(() => {
|
|
|
|
|
|
|
|
.scoreSM {
|
|
.scoreSM {
|
|
|
line-height: 20px;
|
|
line-height: 20px;
|
|
|
- font-size: .8em;
|
|
|
|
|
|
|
+ font-size: 1.2em;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ letter-spacing: 1px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.gameItem {
|
|
.gameItem {
|
|
@@ -315,7 +343,7 @@ onMounted(() => {
|
|
|
.xuliezhen-greeting {
|
|
.xuliezhen-greeting {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
right: 0;
|
|
right: 0;
|
|
|
- bottom: 10%;
|
|
|
|
|
|
|
+ bottom: 20%;
|
|
|
width: 150px;
|
|
width: 150px;
|
|
|
height: 150px;
|
|
height: 150px;
|
|
|
background-position-x: 0;
|
|
background-position-x: 0;
|