|
|
@@ -4,6 +4,9 @@
|
|
|
<v-result v-if="state.page == '开奖页'"></v-result>
|
|
|
<open-box v-show="state.open_box.show"></open-box>
|
|
|
<v-toast :show="state.toast.show" :txt="state.toast.txt" :has_icon="state.toast.has_icon"></v-toast>
|
|
|
+ <div v-show="state.loading_redbag" class="redbag">
|
|
|
+ <img :src="require('@/assets/img/icon-loading-redbag.png')" alt />
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<script setup>
|
|
|
import { reactive, provide, onMounted } from 'vue'
|
|
|
@@ -19,6 +22,7 @@ import OpenBox from '@/view/iframe/treasure-hunt/components/open-box.vue'
|
|
|
import Report from "@/log-center/log"
|
|
|
|
|
|
let state = reactive({
|
|
|
+ loading_redbag: true,
|
|
|
page: '',
|
|
|
detail: {},
|
|
|
oldDetail: {},
|
|
|
@@ -78,6 +82,7 @@ state.init = (callback) => {
|
|
|
}
|
|
|
}).then((res) => {
|
|
|
if (res.code == 0) {
|
|
|
+ state.loading_redbag = false
|
|
|
handleCommon(res, callback)
|
|
|
// 绑定repostSrcContentId
|
|
|
if (!res.data.repostSrcContentId) {
|
|
|
@@ -97,6 +102,7 @@ state.init = (callback) => {
|
|
|
}
|
|
|
}).then((res) => {
|
|
|
if (res.code == 0) {
|
|
|
+ state.loading_redbag = false
|
|
|
handleCommon(res, callback)
|
|
|
// 原始链接绑定post content
|
|
|
if (!res.data.postSrcContent) {
|
|
|
@@ -321,5 +327,23 @@ body {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
overflow: hidden;
|
|
|
+
|
|
|
+ .redbag {
|
|
|
+ z-index: 222;
|
|
|
+ text-align: center;
|
|
|
+ width: 375px;
|
|
|
+ height: 500px;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ user-select: none;
|
|
|
+
|
|
|
+ img {
|
|
|
+ margin-top: 172px;
|
|
|
+ width: 130px;
|
|
|
+ height: 130px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
</style>
|
