|
|
@@ -1,5 +1,18 @@
|
|
|
<template>
|
|
|
<div class="tasks" :class="{ isMine: isMine }">
|
|
|
+ <van-sticky v-if="!isMine && !inApp">
|
|
|
+ <van-notice-bar
|
|
|
+ text="RAEX宇宙，立即下载"
|
|
|
+ @click="download"
|
|
|
+ background="#3ab20010"
|
|
|
+ color="#3ab200"
|
|
|
+ mode="link"
|
|
|
+ >
|
|
|
+ <template #left-icon>
|
|
|
+ <img class="app-icon" src="@assets/raex_icon.png" alt="" />
|
|
|
+ </template>
|
|
|
+ </van-notice-bar>
|
|
|
+ </van-sticky>
|
|
|
<!-- <van-image class="bg" width="100%" :src="registerBg" fit="scale-down" /> -->
|
|
|
<img class="bg" :src="registerBg" alt="" />
|
|
|
<div class="box" v-if="!isMine">
|
|
|
@@ -84,7 +97,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <img src="@assets/icon-zhuye.png" @click="goHome" alt="" class="home" />
|
|
|
+ <img src="@assets/icon-zhuye.png" @click="goHome" alt="" class="home" :class="{ notMine: !isMine }" />
|
|
|
|
|
|
<van-overlay :show="showRule" @click="showRule = false">
|
|
|
<div class="rule" @click.stop="">
|
|
|
@@ -148,6 +161,7 @@
|
|
|
import { mapState } from 'vuex';
|
|
|
import phone from '../../mixins/phone';
|
|
|
import Post from '../../components/Post.vue';
|
|
|
+let inApp = /#cordova#/i.test(navigator.userAgent);
|
|
|
export default {
|
|
|
mixins: [phone],
|
|
|
components: {
|
|
|
@@ -169,6 +183,7 @@ export default {
|
|
|
showRecords: false,
|
|
|
shareProduct: {},
|
|
|
ranks: [],
|
|
|
+ inApp,
|
|
|
ranksImg: [
|
|
|
require('@assets/task_icon_no1.png'),
|
|
|
require('@assets/task_icon_no2.png'),
|
|
|
@@ -236,6 +251,9 @@ export default {
|
|
|
this.clearTimer();
|
|
|
},
|
|
|
methods: {
|
|
|
+ download() {
|
|
|
+ window.location.href = 'https://www.raex.vip/static/download_raex.html';
|
|
|
+ },
|
|
|
share() {
|
|
|
this.$refs.post.init();
|
|
|
},
|
|
|
@@ -652,5 +670,18 @@ export default {
|
|
|
left: 16px;
|
|
|
width: 32px;
|
|
|
height: 32px;
|
|
|
+
|
|
|
+ &.notMine {
|
|
|
+ top: calc(var(--safe-top) + 56px);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.app-icon {
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+/deep/.van-notice-bar__content {
|
|
|
+ padding-left: 16px;
|
|
|
}
|
|
|
</style>
|
