调整移动动端空状态大小、加载时标题改成空

2026-06-22 03:45:52 +08:00 · 2025-06-29 22:01:39 +08:00
parent 8812e6a14b
commit c0c5d153db
9 changed files with 192 additions and 192 deletions
@@ -148,7 +148,7 @@
            <div>没有更多数据了</div>
          </div>
          <div class="empty" v-if="noLoading && emailList.length === 0">
-            <el-empty description="没有任何邮件"/>
+            <el-empty :image-size="isMobile ? 120 : 0" description="没有任何邮件"/>
          </div>
        </div>
      </el-scrollbar>
@@ -223,6 +223,7 @@ let scrollTop = 0
 const latestEmail = ref(null)
 const scrollbarRef = ref(null)
 let reqLock = false
+let isMobile = window.innerWidth < 1025
 const queryParam = reactive({
  emailId: 0,
  size: 30,
@@ -403,7 +404,6 @@ function addItem(email) {
    }
  }

-  latestEmail.value = email
  total.value++
 }

@@ -39,8 +39,6 @@ function updateContent() {
  const bodyStyleMatch = props.html.match(bodyStyleRegex);
  const bodyStyle = bodyStyleMatch ? bodyStyleMatch[1] : '';

-  console.log(bodyStyle)
-
  // 2. 移除 <body> 标签（保留内容）
  const cleanedHtml = props.html.replace(/<\/?body[^>]*>/gi, '');

@@ -8,7 +8,7 @@ import { websiteConfig } from "@/request/setting.js";
 import {cvtR2Url} from "@/utils/convert.js";

 export async function init() {
-    document.title = 'loading...'
+    document.title = '\u200B'

    const settingStore = useSettingStore();
    const userStore = useUserStore();
@@ -24,7 +24,6 @@
 import {useAccountStore} from "@/store/account.js";
 import {useEmailStore} from "@/store/email.js";
 import {useSettingStore} from "@/store/setting.js";
-import {useUiStore} from "@/store/ui.js";
 import emailScroll from "@/components/email-scroll/index.vue"
 import {emailList, emailDelete, emailLatest} from "@/request/email.js";
 import {starAdd, starCancel} from "@/request/star.js";
@@ -54,7 +54,10 @@
        <div class="dialog-input">
          <el-input-number placeholder="排序" :min="0" :max="9999" v-model.number="form.sort" controls-position="right" autocomplete="off" />
        </div>
-        <el-segmented size="small" class="perm-expand" @change="expandChange" v-model="expand" :options="options" />
+        <el-radio-group v-model="expand" size="small" @change="expandChange" class="perm-expand">
+          <el-radio-button label="展开" :value="true" />
+          <el-radio-button label="收起" :value="false" />
+        </el-radio-group>
        <el-tree
            :expand-on-click-node="false"
            :check-on-click-node="false"
@@ -134,8 +137,6 @@ const form = reactive({

 const expand = ref(false)

-const options = [{ label: '展开',value: true }, { label:'收起',value: false}]
-
 let chooseRole = {}

 refresh()
@@ -399,8 +400,10 @@ window.onresize = () => {
 }

 .perm-expand  {
-  margin-bottom: 10px;
-  --el-border-radius-base: 8px;
+  margin-bottom: 5px;
+  --el-border-radius-base: 4px;
+  position: relative;
+  bottom: 5px;
 }

 :deep(.el-dialog) {
@@ -6,8 +6,8 @@
    <title></title>
    <link rel="icon" href="/assets/favicon-C5dAZutX.svg" type="image/svg+xml">
    <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
-  <script type="module" crossorigin src="/assets/index-CdIfOmmZ.js"></script>
-  <link rel="stylesheet" crossorigin href="/assets/index-CQpgk37-.css">
+  <script type="module" crossorigin src="/assets/index-rQqpL7nd.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/index-CiK_6qYX.css">
 </head>
 <body>
 <div id="loading-first">