From e2e72ff9fde62c319c70ec2ab28226529a682fd7 Mon Sep 17 00:00:00 2001 From: MTrun <1262327911@qq.com> Date: Sat, 12 Mar 2022 18:46:51 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E4=B8=BB=E9=A2=98?= =?UTF-8?q?=E9=A2=9C=E8=89=B2=E9=80=89=E6=8B=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/images/exception/texture.png | Bin 0 -> 6290 bytes src/assets/images/exception/theme-color.png | Bin 0 -> 6016 bytes src/components/ThemeColorSelect/index.ts | 3 + src/components/ThemeColorSelect/index.vue | 215 + src/layout/components/Header/index.vue | 2 + src/plugins/icon.ts | 7 +- src/settings/designColor.json | 8418 +++++++++++++++++ src/settings/designSetting.ts | 25 +- .../modules/designStore/designStore.d.ts | 13 +- src/store/modules/designStore/designStore.ts | 16 +- src/styles/common/_dark.scss | 1 + src/styles/common/_light.scss | 1 + src/styles/common/style.scss | 7 + src/styles/common/var.scss | 2 + 14 files changed, 8682 insertions(+), 28 deletions(-) create mode 100644 src/assets/images/exception/texture.png create mode 100644 src/assets/images/exception/theme-color.png create mode 100644 src/components/ThemeColorSelect/index.ts create mode 100644 src/components/ThemeColorSelect/index.vue create mode 100644 src/settings/designColor.json diff --git a/src/assets/images/exception/texture.png b/src/assets/images/exception/texture.png new file mode 100644 index 0000000000000000000000000000000000000000..39a084a42c57a8cb4bfeac79b081861e004043ff GIT binary patch literal 6290 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 Gf&T~fb^a9q literal 0 HcmV?d00001 diff --git a/src/assets/images/exception/theme-color.png b/src/assets/images/exception/theme-color.png new file mode 100644 index 0000000000000000000000000000000000000000..9d7dd3fdaa57b779bc74c5319014b83922ef8f85 GIT binary patch literal 6016 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 + + + + + + +
+ + 主题颜色选择 + + + + + +
+ +
+ + + +
+ + + + {{ item.name }} + + + {{ item.pinyin.toUpperCase() }} + + + + {{ item.hex }} + + {{ + `rgb(${item.RGB[0]}, ${item.RGB[0]}, ${item.RGB[0]})` + }} + + + + + +
+ +
+
+ + {{ appThemeDetail.name }} + + + 中国色 + + + {{ appThemeDetail.pinyin.toUpperCase() }} + +
+
+ +
+
+ +
+ + + + + + diff --git a/src/layout/components/Header/index.vue b/src/layout/components/Header/index.vue index 8d742f59..a26e01c6 100644 --- a/src/layout/components/Header/index.vue +++ b/src/layout/components/Header/index.vue @@ -14,6 +14,7 @@ +
@@ -24,6 +25,7 @@