tiny-vue/examples/sites/demos/pc/app/time-select/size-medium-composition-api...

24 lines
619 B
Vue

<template>
<div class="time-select-demo-size">
<tiny-time-select v-model="value" placeholder="尺寸: medium" size="medium"></tiny-time-select>
<tiny-time-select v-model="value" placeholder="尺寸: small" size="small"></tiny-time-select>
<tiny-time-select v-model="value" placeholder="尺寸: mini" size="mini"></tiny-time-select>
</div>
</template>
<script setup>
import { ref } from 'vue'
import { TimeSelect as TinyTimeSelect } from '@opentiny/vue'
const value = ref('')
</script>
<style lang="less" scoped>
.time-select-demo-size {
width: 270px;
& > * {
margin-top: 12px;
}
}
</style>