用uniapp uview框架 弹出modal

1. 在需要弹出modal的页面中引入uview的modal组件：

<template>
  <view>
    <!--页面内容-->
    <uni-button @click="showModal">弹出modal</uni-button>
    <!--引入uview的modal组件-->
    <u-modal v-model="show" title="提示" :content="content" @confirm="confirm" @cancel="cancel"></u-modal>
  </view>
</template>

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

export default {
  setup() {
    const show = ref(false); // 控制modal显示隐藏
    const content = ref('确定要删除吗？'); // modal的内容

    const showModal = () => {
      show.value = true;
    };

    const confirm = () => {
      // 点击确认按钮后的逻辑
      show.value = false;
    };

    const cancel = () => {
      // 点击取消按钮后的逻辑
      show.value = false;
    };

    return {
      show,
      content,
      showModal,
      confirm,
      cancel,
    };
  },
};
</script>

2. 在点击弹出modal的按钮上绑定showModal方法。当点击按钮时，会改变show变量的值，从而控制modal的显示和隐藏。
3. 在modal组件中，使用v-model绑定show变量，控制modal的显示和隐藏；使用title和content属性设置modal的标题和内容；使用@confirm和@cancel监听用户点击确认和取消按钮的事件，并执行相应的逻辑