From 72dc16321751283e27968f642b21693f2942a178 Mon Sep 17 00:00:00 2001
From: LLzzZZ <22936489+pipipi-pikachu@users.noreply.github.com>
Date: Wed, 8 Jun 2022 12:57:50 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=9F=90=E4=BA=9B=E6=83=85=E5=86=B5?=
 =?UTF-8?q?=E4=B8=8B=E6=89=93=E5=BC=80=E5=9B=BE=E8=A1=A8=E7=BD=91=E6=A0=BC?=
 =?UTF-8?q?=E9=A2=9C=E8=89=B2=E5=8F=96=E8=89=B2=E5=99=A8=E4=BC=9A=E5=8D=A1?=
 =?UTF-8?q?=E6=AD=BB=E7=9A=84=E7=8E=B0=E8=B1=A1=EF=BC=88=E5=8E=9F=E7=90=86?=
 =?UTF-8?q?=E6=9C=AA=E7=9F=A5=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ColorPicker/index.vue | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/components/ColorPicker/index.vue b/src/components/ColorPicker/index.vue
index 38b34d0c..555b638f 100644
--- a/src/components/ColorPicker/index.vue
+++ b/src/components/ColorPicker/index.vue
@@ -59,7 +59,7 @@
     </div>
 
     <div class="recent-colors-title" v-if="recentColors.length">最近使用：</div>
-    <div class="recent-colors">
+    <div class="picker-presets">
       <div
         v-for="c in recentColors"
         :key="c"
@@ -129,6 +129,9 @@ const getPresetColors = () => {
   return presetColors
 }
 
+const themeColors = ['#000000', '#ffffff', '#eeece1', '#1e497b', '#4e81bb', '#e2534d', '#9aba60', '#8165a0', '#47acc5', '#f9974c']
+const standardColors = ['#c21401', '#ff1e02', '#ffc12a', '#ffff3a', '#90cf5b', '#00af57', '#00afee', '#0071be', '#00215f', '#72349d']
+
 export default defineComponent({
   name: 'color-picker',
   components: {
@@ -159,8 +162,6 @@ export default defineComponent({
       },
     })
 
-    const themeColors = ['#000000', '#ffffff', '#eeece1', '#1e497b', '#4e81bb', '#e2534d', '#9aba60', '#8165a0', '#47acc5', '#f9974c']
-    const standardColors = ['#c21401', '#ff1e02', '#ffc12a', '#ffff3a', '#90cf5b', '#00af57', '#00afee', '#0071be', '#00215f', '#72349d']
     const presetColors = getPresetColors()
 
     const currentColor = computed(() => {
@@ -396,8 +397,7 @@ export default defineComponent({
 }
 .picker-gradient-color {
   width: 100%;
-  height: 0;
-  padding-bottom: 100%;
+  height: 16px;
   position: relative;
   cursor: pointer;
 }
@@ -406,7 +406,4 @@ export default defineComponent({
   font-size: 12px;
   margin-bottom: 4px;
 }
-.recent-colors {
-  @include flex-grid-layout();
-}
 </style>
\ No newline at end of file