更新记录

1.0.0（2024-08-26） 下载此版本

首次发布

平台兼容性

uni-app

uni-app x

效果图

vue3中使用

<template>
<tanchuang></tanchuang>
</template>
<script setup>
import tanchuang from "@/components/tanchuang.vue"
</script>

远程数据

{
  "title": "欢迎使用我们的应用",
  "content": "这是一个远程控制的弹窗，你可以根据需要自定义此内容这是一个远程控制的弹窗，你可以根据需要自定义此内容这是一个远程控制的弹窗，你可以根据需要自定义此内容这是一个远程控制的弹窗，你可以根据需要自定义此内容这是一个远程控制的弹窗，你可以根据需要自定义此内容这是一个远程控制的弹窗，你可以根据需要自定义此内容这是一个远程控制的弹窗，你可以根据需要自定义此内容这是一个远程控制的弹窗，你可以根据需要自定义此内容这是一个远程控制的弹窗，你可以根据需要自定义此内容这是一个远程控制的弹窗，你可以根据需要自定义此内容这是一个远程控制的弹窗，你可以根据需要自定义此内容这是一个远程控制的弹窗，你可以根据需要自定义此内容。",
  "actionType": "navigate",
  "actionUrl": "/pages/home/home",
  "showOnce": true,
  "modalId":"1"
}

说明

字段解释
title: 弹窗的标题，展示在弹窗的顶部。例如 "欢迎使用我们的应用"。
content: 弹窗的主要内容，展示在弹窗的主体部分。例如 `"这是一个远程控制的弹窗，你可以根据需要自定义此内容。"。
actionType: 定义用户点击确认按钮后将执行的操作类型。常见的操作类型包括：
"navigate": 使用 uni.navigateTo 跳转到指定页面。
"redirect": 使用 uni.redirectTo 重定向到指定页面。
"switchTab": 使用 uni.switchTab 切换到指定的 Tab 页面。
你还可以根据需要定义更多的操作类型。
actionUrl: 关联 actionType 的 URL 路径。例如 "/pages/home/home"。
showOnce: 布尔值字段，用于控制弹窗是否只显示一次。例如 true 表示弹窗只会显示一次，用户关闭后不再弹出。
使用说明
将此模板保存在你的服务器上，客户端通过 uni.request 请求获取这个 JSON 数据。
根据 JSON 返回的数据，弹窗组件会显示相应的内容，并在用户点击确认后执行指定的操作。
你可以随时修改服务器上的 JSON 数据，来动态调整弹窗的内容和行为。