更新记录

1.0.5（2024-05-09） 下载此版本

增加右上角关闭按钮功能

1.0.4（2024-05-09） 下载此版本

暴露出取消事件

1.0.3（2024-05-09） 下载此版本

样式调整

平台兼容性

tf-modal

1. 组件作用
   • 模态窗组件
2. 组件引用例子

<template>
    <view class="content">
        <TfModal 
        v-model="show"
        :maskCloseAble="true"
        @confirm="confirmModal"
        >
        <template #content>
            我是内容
        </template>
        </TfModal>
        <button @click="show = true">按下</button>
    </view>
</template>

<script>
    import TfModal from '../../uni_modules/tf-modal/components/tf-modal/tf-modal.vue'
    export default {
        components: {
            TfModal
        },
        data() {
            return {
                show:false
            }
        },
        methods:{
            confirmModal(){
                this.show = false
            }
        }
    }
</script>

<style scoped>
</style>

3. 组件属性说明

4. 组件方法说明

5. 插槽说明