hy/aslan-h5
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(固定排行榜): 顶部固定占位

Browse Source
This commit is contained in:
hzj 2026-02-27 14:38:37 +08:00
parent 790c1c38ef
commit 7197b28e19
4 changed files with 7 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/Ranking/GamesKing/index.vue
View File

@ -42,7 +42,7 @@
</itemCenter>
<!-- 状态栏占位区域（仅在APP中显示） -->
<div v-if="isInAppEnvironment" style="height: 30px"></div>
<div style="height: 30px"></div>
<!-- 第一名 -->
<div style="display: flex; justify-content: center; margin-top: 11vw">
@ -747,7 +747,7 @@
<script setup>
import { computed, onMounted, onUnmounted, ref } from 'vue'
import { isInApp, viewUserInfo } from '@/utils/appBridge.js'
import { viewUserInfo } from '@/utils/appBridge.js'
import { connectToApp } from '@/utils/appConnector.js'
import { useLangStore } from '@/stores/lang'
import { getPngUrl, getWebpUrl } from '@/config/imagePaths.js'
@ -768,7 +768,6 @@ import itemCenter from '@/components/itemCenter.vue'
import TopUser from './components/topUser.vue'
import maskLayer from '@/components/MaskLayer.vue'
const isInAppEnvironment = ref(false) // 检测是否在APP环境中
const gamesKingStore = useGamesKingStore()
// 预加载状态
@ -1104,7 +1103,6 @@ const connectToAppHandler = async () => {
onMounted(() => {
connectToAppHandler()
preloadOtherImages() // 预加载其他图片
isInAppEnvironment.value = isInApp()
checkShow() // 检查是否展示每日弹窗

7
src/views/Ranking/KingAndQueen/TopList.vue
View File

@ -18,7 +18,7 @@
<div class="bg">
<!-- 状态栏占位区域（仅在APP中显示） -->
<div v-if="isInAppEnvironment" style="height: 30px"></div>
<div style="height: 30px"></div>
<!-- 帮助按钮 -->
<img
@ -788,7 +788,7 @@
<script setup>
import { computed, onMounted, onUnmounted, ref } from 'vue'
import { isInApp, viewUserInfo } from '@/utils/appBridge.js'
import { viewUserInfo } from '@/utils/appBridge.js'
import { useLangStore } from '@/stores/lang'
import { useThrottle } from '@/utils/useDebounce'
import { connectToApp } from '@/utils/appConnector.js'
@ -837,8 +837,6 @@ const userInfo = ref({})
const visibleKingList = ref(true)
const isInAppEnvironment = ref(false) // 检测是否在APP环境中
const historyList = ref([]) // 榜首历史记录
const showTopOne = computed(() => {
let topNew = []
@ -1172,7 +1170,6 @@ const completePreloading = async () => {
// 组件挂载时检测环境
onMounted(() => {
isInAppEnvironment.value = isInApp()
connectToAppHandler()
getCountdown()

2
src/views/Ranking/Overall/Ranking.vue
View File

@ -36,7 +36,7 @@
"
>
<!-- 状态栏占位区域（仅在APP中显示） -->
<div v-if="isInAppEnvironment" style="height: 60px"></div>
<div style="height: 60px"></div>
<!-- 顶部导航栏 -->
<div style="padding: 4px 8%">

8
src/views/Ranking/WeeklyStar/WeeklyStar.vue
View File

@ -42,9 +42,7 @@
<div
style="min-height: 20.66vw; display: flex; justify-content: flex-end; width: 100%"
:style="{
marginTop: isInAppEnvironment
? 'calc(65vw - 30px - 10vw - 10vw - 20px)'
: 'calc(65vw - 10vw - 10vw - 20px)',
marginTop: 'calc(65vw - 30px - 10vw - 10vw - 20px)',
}"
>
<img
@ -852,7 +850,7 @@
<script setup>
import { computed, onMounted, onUnmounted, ref } from 'vue'
import { isInApp, viewUserInfo } from '@/utils/appBridge.js'
import { viewUserInfo } from '@/utils/appBridge.js'
import { useLangStore } from '@/stores/lang'
import { connectToApp } from '@/utils/appConnector.js'
import { useThrottle } from '@/utils/useDebounce'
@ -904,7 +902,6 @@ const connectToAppHandler = async () => {
const userInfo = ref({})
const isInAppEnvironment = ref(false) // 检测是否在APP环境中
const helpInfoShow = ref(false) //帮助模块
const historyShow = ref(false) //历史模块
const giftsShow = ref(false) //礼物模块
@ -1280,7 +1277,6 @@ const completePreloading = async () => {
// 组件挂载时检测环境
onMounted(() => {
connectToAppHandler()
isInAppEnvironment.value = isInApp()
getCountdown()
timer = setInterval(getCountdown, 1000) //每秒更新