HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

improve MkTab

Browse source
This commit is contained in:
ThatOneCalculator 2023-01-24 15:18:30 -08:00
parent 95595dafcb
commit 61e290e32a
No known key found for this signature in database
GPG key ID: 8703CACD01000000
1 changed files with 5 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
packages/client/src/components/MkTab.vue
View file

@ -10,20 +10,18 @@ export default defineComponent({
render() {
const options = this.$slots.default();
return withDirectives(h('div', {
return h('div', {
class: 'pxhvhrfw',
}, options.map(option => withDirectives(h('button', {
class: ['_button', { active: this.modelValue === option.props.value }],
class: ['_button', { active: this.modelValue === option.props?.value }],
key: option.key,
disabled: this.modelValue === option.props.value,
disabled: this.modelValue === option.props?.value,
onClick: () => {
this.$emit('update:modelValue', option.props.value);
this.$emit('update:modelValue', option.props?.value);
},
}, option.children), [
[resolveDirective('click-anime')],
]))), [
[resolveDirective('size'), { max: [500] }],
]);
])));
},
});
</script>