uniapp学一个弹窗

可以使用 uni-modal 组件制作一个弹窗。以下是基本的 HTML 代码：

<uni-modal title="标题" show="{{ showModal }}">
  <view slot="content">
    弹窗内容
  </view>
  <uni-button slot="footer" type="primary" bindtap="closeModal">确定</uni-button>
</uni-modal>

其中，`showModal` 是 Boolean 类型的数据，控制弹窗的显示状态。`closeModal` 是一个方法，用于关闭弹窗。

在 JS 中，需要定义 `showModal` 和 `closeModal` 方法：

data: {
  showModal: false
},

// 显示弹窗
showModal: function() {
  this.setData({
    showModal: true
  })
},

// 隐藏弹窗
closeModal: function() {
  this.setData({
    showModal: false
  })
}

这样，当点击按钮时，可以调用 `showModal()` 方法，显示弹窗。弹窗内的按钮点击时，可以调用 `closeModal()` 方法，隐藏弹窗。

相关问题

用uniapp的uts插件，写个安卓的原生弹窗组件

好的，下面是一个简单的安卓原生弹窗组件的示例代码：

<template>
  <div>
    <button @click="showDialog()">显示弹窗</button>
  </div>
</template>

<script>
  import { Dialog } from '@uni/uts';

  export default {
    methods: {
      showDialog() {
        Dialog.alert({
          title: '提示',
          message: '这是一个弹窗示例',
          confirmButtonText: '确定'
        }).then(() => {
          console.log('用户点击了确定按钮');
        });
      }
    }
  }
</script>

这里使用了 `@uni/uts` 插件提供的 `Dialog` 组件，可以通过 `Dialog.alert()` 方法来显示一个简单的弹窗。在弹窗中，可以设置标题、内容、按钮文字等属性，并且可以通过 `then()` 方法来监听用户点击按钮的事件。

需要注意的是，使用 `@uni/uts` 插件需要先安装并配置好相应的工具链和环境。具体可以查看官方文档进行配置。