OpenSourceJoker/vue-color-avatar
OpenSourceJoker/vue-color-avatar
3
0
Fork 0
mirror of https://github.com/Codennnn/vue-color-avatar.git synced 2024-10-18 12:28:04 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
daluozha 2022-07-30 16:40:39 +08:00
parent 134928023d
commit 494fb30a97
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Configurator.vue
View File

@ -61,7 +61,13 @@
class="color-list__item" class="color-list__item"
@click="setWidgetColor(s.widgetType, fillColor)" @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> </li>
</ul> </ul>
</details> </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> </script>
<style lang="scss" scoped> <style lang="scss" scoped>