uni-popup 自定义内容

uni-popup 是 UniApp 中的一个组件，它用于弹出窗口或者模态框，通常用于显示一些附加信息、表单交互或者选择列表等。你可以通过自定义内容来自定义它的样式、布局以及内部展示的内容。

在 UniPopup 组件中，`content` 属性允许你传递一个字符串、HTML模板或者 Vue 组件实例作为弹窗的内容。例如：

<template>
  <uni-popup v-model="popupVisible" :content="<customContentTemplate></customContentTemplate>">
    <!-- 这里可以添加任何你想在弹出窗口中显示的元素 -->
  </uni-popup>
</template>

<script>
export default {
  data() {
    return {
      popupVisible: false,
      customContentTemplate: `<view class="custom-popup-content">
        <text>这是自定义的内容</text>
        <button @click="handleClose">关闭</button>
      </view>`
    };
  },
  methods: {
    handleClose() {
      this.popupVisible = false;
    }
  }
};
</script>

在这个例子中，`<customContentTemplate>` 就是一个包含自定义文本和按钮的 Vue 模板。当你需要改变弹出框的内容，只需要更新这个 `customContentTemplate` 的值即可。