更新记录

1.1.8（2025-07-07） 下载此版本

1. 修复 dv-calender 日历组件 选择日期后watch异常问题

1.1.7（2025-07-07） 下载此版本

1. 修复 dv-calender 日历组件 fields 模式为 year 时，picker 选择日期后回调异常的问题

1.1.6（2025-07-07） 下载此版本

1. 修复 dv-calender 日历组件 picker 选择日期后，选中样式异常问题

平台兼容性

uni-app

uni-app x

其他

dv-clande

dv-calender Props

dv-calender Event

基本使用

• 通过 fields 参数指定日期的粒度。
• 通过 list 参数在指定的日期上打上数据点。
• 通过 @date-change 事件接收日期的回调。

<template>
    <dv-calender :list="dateList" isDot @date-change="dateChange"></dv-calender>
</template>

<script setup>
    import { ref } from 'vue';

    const dateChange = (e) => {
        console.log(e);
    }

    // 模拟从后端接收到的数据
    const dateList = ref({
        '2025-05-17': 1,
        '2025-05-19': 2,
        '2025-05-21': 3,
        '2025-05-22': 4,
        '2025-05-26': 5,
        '2025-05-27': 6,
        '2025-05-28': 7,
        '2025-05-29': 8,
        '2025-05-30': 9
    })
</script>

dv-end Props

基本使用

• 通过 title 参数传入需要显示的文本内容。
• 通过 position 参数调整文本对齐方式。
• 通过 textColor, size 参数调整文本颜色 和 文本大小。

<template>
    <dv-end title="到底啦~" position="center" #textColor="#AEAEAE" size="16"></dv-end>
</template>