ash/iceshrimp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

improve MkTab

Browse source
This commit is contained in:
ThatOneCalculator 2023-01-24 15:18:30 -08:00
parent 619b925d12
commit 9fe4833348
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>