|
|
@@ -1,14 +1,18 @@
|
|
|
<template>
|
|
|
- <!-- 断网提示（固定在顶部） -->
|
|
|
- <div v-if="!isOnline" class="network-alert offline">
|
|
|
- ⚠️ 网络已断开，请检查您的网络连接!
|
|
|
- </div>
|
|
|
- <!-- 网络恢复提示 -->
|
|
|
- <Transition name="fade">
|
|
|
- <div v-if="showReconnected" class="network-alert online">
|
|
|
- ✅ 网络已恢复
|
|
|
+ <van-overlay :show="!isOnline">
|
|
|
+ <div class="wrapper">
|
|
|
+ <!-- 断网提示（固定在顶部） -->
|
|
|
+ <div v-if="!isOnline" class="network-alert offline">
|
|
|
+ ⚠️ 网络已断开，请检查您的网络连接!
|
|
|
+ </div>
|
|
|
+ <!-- 网络恢复提示 -->
|
|
|
+ <Transition name="fade">
|
|
|
+ <div v-if="showReconnected" class="network-alert online">
|
|
|
+ ✅ 网络已恢复
|
|
|
+ </div>
|
|
|
+ </Transition>
|
|
|
</div>
|
|
|
- </Transition>
|
|
|
+ </van-overlay>
|
|
|
<van-row class="container">
|
|
|
<van-col style="background-color: #dbdcdc" span="6">
|
|
|
<van-row justify="center" :gutter="[0, 23]" style="margin-top: 23px">
|
|
|
@@ -472,7 +476,7 @@ span
|
|
|
display: flex
|
|
|
background: #f2f3f5
|
|
|
font-weight: bold
|
|
|
- z-index: 100
|
|
|
+ z-index: 0
|
|
|
box-shadow: 0 2px 4px rgba(0,0,0,0.05)
|
|
|
flex-shrink: 0 // 防止表头被压缩
|
|
|
|
|
|
@@ -529,7 +533,6 @@ span
|
|
|
position: fixed
|
|
|
bottom: 10px
|
|
|
left: 10px
|
|
|
- z-index: 1000
|
|
|
width: 20px
|
|
|
height: 20px
|
|
|
border-radius: 50%
|
zh