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

This commit is contained in:
daluozha 2022-07-30 16:40:39 +08:00
parent 134928023d
commit 494fb30a97

View File

@ -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>