更新记录

1.0.0（2025-12-26） 下载此版本

master

平台兼容性

uni-app(4.13)

其他

安装

在市场导入xf-po-top-modaluni_modules版本的即可，无需import

组件关联说明

• xf-scss辅助样式;
• xf-icon;
• xf-uview-plus;

代码演示

插件使用

• 位于 uni_modules/xf-popup/components/xf-popup
• 导入插件后通过插槽自定义引入内容

<xf-po-top-modal v-model:show="showRightModal">
    <text>自定义内容</text>
</xf-po-top-modal>

基本用法

• 使用组件代码如下：

<template>
    <view class="xf-col" >
        <xf-button style="margin-top: 20px;" round type="primary" text="xfTopModal" @click="showTopModal = true" />
    </view>

    <xf-po-top-modal v-model:show="showTopModal">
        <text v-for="(item,index) in 100" :key="index">这是弹窗的内容区域，可以放置任何内容</text>
    </xf-po-top-modal>
</template>

<script setup lang="ts">
    import { ref } from 'vue';
    let showTopModal = ref(false)
</script>

API

Props

事件 Emits

插槽 slot