fix: 修复移动端主题菜单右侧裁剪

2026-09-14 11:32:49 +08:00
parent a172f9990e
commit 6eccb78e76
1 changed files with 10 additions and 1 deletions
@@ -22,7 +22,16 @@ function selectTheme(key: string | number) {
 </script>

 <template>
-    <NDropdown v-model:show="open" trigger="click" :value="preference" :options="options" @select="selectTheme">
+    <!-- 菜单右边缘对齐按钮并挂到 body，避免窄屏向右溢出或被外壳裁剪。 -->
+    <NDropdown
+        v-model:show="open"
+        trigger="click"
+        placement="bottom-end"
+        to="body"
+        :value="preference"
+        :options="options"
+        @select="selectTheme"
+    >
        <NButton
            quaternary
            class="theme-toggle icon-button"