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

Merge pull request #11 from daluozha/luozha/chore_widget_color_active

Browse Source 
chore: add 'active' to color-picker of widgets
This commit is contained in:
LeoKu 2022-07-31 09:57:47 +08:00 committed by GitHub
commit d05d51627a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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>