From 5b408c8d411f64167e3e604c3930f16371e29a51 Mon Sep 17 00:00:00 2001
From: anghunk <anghunk@gmail.com>
Date: Tue, 27 Jan 2026 11:11:15 +0800
Subject: [PATCH] =?UTF-8?q?feat(LayoutView):=20=E5=9C=A8=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E4=BE=A7=E8=BE=B9=E6=A0=8F=E6=B7=BB=E5=8A=A0=E5=9F=9F?=
 =?UTF-8?q?=E5=90=8D=E7=AD=9B=E9=80=89=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在移动端视图中，将域名筛选器从顶部操作栏移至侧边栏，以改善移动设备上的用户体验。同时隐藏了桌面端顶部操作栏中的域名筛选器，确保界面整洁。
---
 cwd-admin/src/views/LayoutView.vue | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/cwd-admin/src/views/LayoutView.vue b/cwd-admin/src/views/LayoutView.vue
index 66c6a87..62b3238 100644
--- a/cwd-admin/src/views/LayoutView.vue
+++ b/cwd-admin/src/views/LayoutView.vue
@@ -16,7 +16,7 @@
       </button>
       <div class="layout-title">CWD 评论系统</div>
       <div class="layout-actions-wrapper">
-        <div class="layout-domain-filter">
+        <div class="layout-domain-filter layout-domain-filter-header">
           <select v-model="domainFilter" class="layout-domain-select">
             <option value="">全部域名</option>
             <option v-for="item in domainOptions" :key="item" :value="item">
@@ -80,6 +80,14 @@
         class="layout-sider"
         :class="{ 'layout-sider-mobile-open': isMobileSiderOpen }"
       >
+        <div class="layout-sider-domain-filter">
+          <select v-model="domainFilter" class="layout-domain-select">
+            <option value="">全部域名</option>
+            <option v-for="item in domainOptions" :key="item" :value="item">
+              {{ item }}
+            </option>
+          </select>
+        </div>
         <ul class="menu">
           <li
             class="menu-item"
@@ -302,6 +310,10 @@ function handleLogoutFromActions() {
   font-size: 13px;
 }
 
+.layout-sider-domain-filter {
+  display: none;
+}
+
 .layout-actions {
   display: flex;
   gap: 8px;
@@ -457,6 +469,20 @@ function handleLogoutFromActions() {
     display: none;
   }
 
+  .layout-domain-filter-header {
+    display: none;
+  }
+
+  .layout-sider-domain-filter {
+    display: block;
+    padding: 12px 16px 0;
+  }
+
+  .layout-sider-domain-filter .layout-domain-select {
+    width: 100%;
+    box-sizing: border-box;
+  }
+
   .layout-actions-toggle {
     display: inline-flex;
   }