fix: 修复移动端主题菜单右侧裁剪
This commit is contained in:
@@ -22,7 +22,16 @@ function selectTheme(key: string | number) {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<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
|
<NButton
|
||||||
quaternary
|
quaternary
|
||||||
class="theme-toggle icon-button"
|
class="theme-toggle icon-button"
|
||||||
|
|||||||
Reference in New Issue
Block a user