更新记录

1.2.23（2025-12-16） 下载此版本

1. 修复 dv-page 组件 subtitle 插槽默认内边距样式异常的问题

1.2.22（2025-12-15） 下载此版本

1. 优化 dv-page 组件的返回值

1.2.21（2025-12-15） 下载此版本

1. 新增 dv-page 组件 colorIcon 属性，用于修改auto-back按钮的颜色

平台兼容性

uni-app(4.07)

uni-app x(4.08)

DV-UI

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>

dv-page Props

插槽

基本使用

• dv-page 的页面高度为自动获取当前设备的高度 - tabHeight
• dv-page (tabbar页面) 的页面高度为自动获取当前设备的高度 - (tabHeight + navHeight)
• 通过传入 tabbar 参数判断是否为 tabbar 页面

<template>
    <dv-page :tabbar="false" :tabHeight="50" :navHeight="40"></dv-page>
</template>

dv-care Props

dv-care Event

基本使用

• dv-care 通过可滑动进度条设置关怀模式字体大小 (最好配合 dv-page 组件一起使用)
• 可传入 min、max 参数设置关怀模式字体大小的上限和下限
• 若有需要，可通过 @slider-change 事件获取回调数据

<template>
    <dv-page :tabbar="false" :tabHeight="50" :navHeight="40">
        <dv-care :min="16" :max="23"></dv-care>
    </dv-page>
</template>