tiny-vue
tiny-vue copied to clipboard
🐛 [Bug]: 当屏幕小于650px时,DatePicker 无法使用
Version
@opentiny/[email protected]
Vue Version
vue3.3.4
Link to minimal reproduction
<template>
<div class="demo-date-picker-wrap">
<tiny-date-picker v-model="value" placeholder="请选择日期"></tiny-date-picker>
<tiny-date-picker v-model="dateTimeValue" type="datetime" placeholder="请选择日期"></tiny-date-picker>
<tiny-date-picker v-model="weekValue" type="week" placeholder="请选择周"></tiny-date-picker>
<tiny-date-picker v-model="monthValue" type="month" placeholder="请选择月份"></tiny-date-picker>
<tiny-date-picker v-model="quarterValue" type="quarter" placeholder="请选择季度"></tiny-date-picker>
<tiny-date-picker v-model="yearValue" type="year" placeholder="请选择年份"></tiny-date-picker>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import { DatePicker as TinyDatePicker } from '@opentiny/vue'
const value = ref('')
const dateTimeValue = ref('')
const weekValue = ref('')
const monthValue = ref('')
const quarterValue = ref('')
const yearValue = ref('')
</script>
<style scoped lang="less">
.demo-date-picker-wrap {
width: 280px;
& > * {
margin-top: 12px;
}
}
</style>
Step to reproduce
- 打开官网https://opentiny.design/tiny-vue/zh-CN/infinity-theme/components/date-picker#shortcuts
- 将官网屏幕缩放到650,使用DatePicker 组件无法点击弹出日期选择面板。
What is expected
No response
What is actually happening
No response
What is your project name
@opentiny/vue
Any additional comments (optional)
No response
Bot detected the issue body's language is not English, translate it automatically.
Title: 🐛 [Bug]: DatePicker cannot be used when the screen is smaller than 650px