From bbee93d4b4b6960d75188a4becc0d29bbf71a66d Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期一, 14 七月 2025 13:20:45 +0800 Subject: [PATCH] 1.侧边栏颜色根据主题颜色变化 --- src/layout/components/Settings/index.vue | 123 ++++++++++++++++++++-------------------- 1 files changed, 61 insertions(+), 62 deletions(-) diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue index e107218..b4796f3 100644 --- a/src/layout/components/Settings/index.vue +++ b/src/layout/components/Settings/index.vue @@ -1,66 +1,66 @@ <template> <el-drawer v-model="showSettings" direction="rtl" size="300px"> - <div class="setting-drawer-title"> - <h3 class="drawer-title">涓婚椋庢牸璁剧疆</h3> - </div> - <div class="setting-drawer-block-checbox"> - <div - class="setting-drawer-block-checbox-item" - @click="handleTheme('theme-dark')" - > - <img src="@/assets/images/dark.svg" alt="dark" /> - <div - v-if="sideTheme === 'theme-dark'" - class="setting-drawer-block-checbox-selectIcon" - style="display: block" - > - <i aria-label="鍥炬爣: check" class="anticon anticon-check"> - <svg - viewBox="64 64 896 896" - data-icon="check" - width="1em" - height="1em" - :fill="theme" - aria-hidden="true" - focusable="false" - class - > - <path - d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z" - /> - </svg> - </i> - </div> - </div> - <div - class="setting-drawer-block-checbox-item" - @click="handleTheme('theme-light')" - > - <img src="@/assets/images/light.svg" alt="light" /> - <div - v-if="sideTheme === 'theme-light'" - class="setting-drawer-block-checbox-selectIcon" - style="display: block" - > - <i aria-label="鍥炬爣: check" class="anticon anticon-check"> - <svg - viewBox="64 64 896 896" - data-icon="check" - width="1em" - height="1em" - :fill="theme" - aria-hidden="true" - focusable="false" - class - > - <path - d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z" - /> - </svg> - </i> - </div> - </div> - </div> +<!-- <div class="setting-drawer-title">--> +<!-- <h3 class="drawer-title">涓婚椋庢牸璁剧疆</h3>--> +<!-- </div>--> +<!-- <div class="setting-drawer-block-checbox">--> +<!-- <div--> +<!-- class="setting-drawer-block-checbox-item"--> +<!-- @click="handleTheme('theme-dark')"--> +<!-- >--> +<!-- <img src="@/assets/images/dark.svg" alt="dark" />--> +<!-- <div--> +<!-- v-if="sideTheme === 'theme-dark'"--> +<!-- class="setting-drawer-block-checbox-selectIcon"--> +<!-- style="display: block"--> +<!-- >--> +<!-- <i aria-label="鍥炬爣: check" class="anticon anticon-check">--> +<!-- <svg--> +<!-- viewBox="64 64 896 896"--> +<!-- data-icon="check"--> +<!-- width="1em"--> +<!-- height="1em"--> +<!-- :fill="theme"--> +<!-- aria-hidden="true"--> +<!-- focusable="false"--> +<!-- class--> +<!-- >--> +<!-- <path--> +<!-- d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"--> +<!-- />--> +<!-- </svg>--> +<!-- </i>--> +<!-- </div>--> +<!-- </div>--> +<!-- <div--> +<!-- class="setting-drawer-block-checbox-item"--> +<!-- @click="handleTheme('theme-light')"--> +<!-- >--> +<!-- <img src="@/assets/images/light.svg" alt="light" />--> +<!-- <div--> +<!-- v-if="sideTheme === 'theme-light'"--> +<!-- class="setting-drawer-block-checbox-selectIcon"--> +<!-- style="display: block"--> +<!-- >--> +<!-- <i aria-label="鍥炬爣: check" class="anticon anticon-check">--> +<!-- <svg--> +<!-- viewBox="64 64 896 896"--> +<!-- data-icon="check"--> +<!-- width="1em"--> +<!-- height="1em"--> +<!-- :fill="theme"--> +<!-- aria-hidden="true"--> +<!-- focusable="false"--> +<!-- class--> +<!-- >--> +<!-- <path--> +<!-- d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"--> +<!-- />--> +<!-- </svg>--> +<!-- </i>--> +<!-- </div>--> +<!-- </div>--> +<!-- </div>--> <div class="drawer-item"> <span>涓婚棰滆壊</span> <span class="comp-style"> @@ -146,7 +146,6 @@ "#81D8D0", "#E85827", "#008C8C", - "#002FA7", "#F9DC24", "#B05923", "#003153", -- Gitblit v1.9.3