Merge pull request #11 from daluozha/luozha/chore_widget_color_active

chore: add 'active' to color-picker of widgets

src/components/Configurator.vue

@@ -61,7 +61,13 @@
               class="color-list__item"
               @click="setWidgetColor(s.widgetType, fillColor)"
             >
-              <div :style="{ background: fillColor }" class="bg-color" />
+              <div
+                :style="{ background: fillColor }"
+                class="bg-color"
+                :class="{
+                  active: fillColor === getWidgetColor(s.widgetType),
+                }"
+              />
             </li>
           </ul>
         </details>
@@ -204,6 +210,12 @@ function setWidgetColor(widgetType: WidgetType, fillColor: string) {
     })
   }
 }
+
+function getWidgetColor(type: string) {
+  if (type === WidgetType.Tops || type === WidgetType.Clothes) {
+    return avatarOption.value.widgets[type]?.fillColor
+  } else return ''
+}
 </script>
 
 <style lang="scss" scoped>