* Update avatar.vue

* Update avatar.vue

* Update avatar.vue
This commit is contained in:
Acid Chicken (硫酸鶏) 2020-07-24 16:58:26 +00:00 committed by GitHub
parent da874f3383
commit 83900cbca6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 0 deletions

View File

@ -40,7 +40,23 @@ export default Vue.extend({
: this.user.avatarUrl; : this.user.avatarUrl;
}, },
}, },
watch: {
'user.avatarBlurhash'() {
this.$el.style.color = this.getBlurhashAvgColor(this.user.avatarBlurhash);
}
},
mounted() {
this.$el.style.color = this.getBlurhashAvgColor(this.user.avatarBlurhash);
},
methods: { methods: {
getBlurhashAvgColor(s) {
return typeof s == 'string'
? '#' + [...s.slice(2, 6)]
.map(x => '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz#$%*+,-.:;=?@[]^_{|}~'.indexOf(x))
.reduce((a, c) => a * 83 + c, 0)
.toString(16)
: undefined;
},
onClick(e) { onClick(e) {
this.$emit('click', e); this.$emit('click', e);
} }