更新记录

1.0.1（2025-05-06） 下载此版本

优化

1.0.0（2025-05-06） 下载此版本

popup弹框 modal模态框

平台兼容性

d-popup使用说明

<button @click="handlePopup">弹框</button>
<d-popup ref="popupRef">
    <view style="height: 700rpx;">我是弹框</view>
</d-popup>

import { ref } from 'vue'

const popupRef = ref()
const handlePopup = () => {
    popupRef.value.open()
}

属性说明

d-modal使用说明

<button @click="handleModal">模态框</button>
<d-modal ref="modalRef"></d-modal>

import { ref } from 'vue'

const modalRef = ref()
const handleModal = () => {
    modalRef.value.open({
        title: '模态框',
        content: '内容内容内容内容内容内容内容内容内容内容内容内容',
        success(res) {
            if(res.confirm) {
                console.log('确定')
            }else if(res.cancel) {
                console.log('取消')
            }
        }
    })
}

属性说明

插槽

d-transition使用说明

<button @click="handleTransition">动画</button>
<d-transition :show="show" mode="fadeInUp">
    <view style="width: 100rpx; height: 100rpx; background: skyblue"></view>
</d-transition>

import { ref } from 'vue'

const show = ref(false)
const handleTransition = () => {
    show.value = !show.value
}

属性说明