uniapp写一个dialog对话框

当然可以！以下是一个使用uni-app编写的简单对话框示例：

1. 创建一个新的uni-app项目。

2. 在需要使用对话框的页面的vue文件中，添加以下代码：

<template>
  <view>
    <button @click="showDialog">打开对话框</button>
    <dialog v-if="dialogVisible" @close="closeDialog">
      <text slot="title">对话框标题</text>
      <view slot="content">
        <text>这是对话框的内容</text>
      </view>
      <view slot="footer">
        <button @click="closeDialog">关闭</button>
      </view>
    </dialog>
  </view>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    }
  },
  methods: {
    showDialog() {
      this.dialogVisible = true;
    },
    closeDialog() {
      this.dialogVisible = false;
    }
  }
}
</script>

<style>
</style>

3. 在项目的components文件夹下创建一个名为"dialog"的文件夹，并在该文件夹中创建一个名为"dialog.vue"的vue组件文件。

4. 在dialog.vue文件中，添加以下代码：

<template>
  <view class="dialog-mask" @click.self="$emit('close')">
    <view class="dialog-container">
      <slot name="title"></slot>
      <slot name="content"></slot>
      <slot name="footer"></slot>
    </view>
  </view>
</template>

<script>
export default {
}
</script>

<style scoped>
.dialog-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}

.dialog-container {
  width: 80%;
  background-color: #fff;
  padding: 16px;
}
</style>

5. 在需要使用对话框的页面的vue文件中，引入dialog组件：

<script>
import dialog from '@/components/dialog/dialog.vue';

export default {
  components: {
    dialog
  }
}
</script>

现在你就可以在页面中点击按钮，打开和关闭自定义的对话框了。你可以根据自己的需求修改对话框的样式和内容。希望对你有所帮助！