uniapp app嵌套webview 弹窗方式

Martin -Tang2026-09-29 8:43

使用uni.navigateTo

javascript 复制代码

uni.navigateTo({
	url: `/intelligentEntry/intelligentEntry/APPnewbieGuide`
});

1.在pages.json 文件中加入你的路径

javascript 复制代码

{
 "path": "intelligentEntry/intelligentEntry/APPnewbieGuide",// app弹窗
  "style": {
    "navigationStyle": "custom",
    "app-plus": {
      "animationType": "fade-in",
      "background": "transparent",
      "popGesture": "none",
      "titleNView": false,
      "scrollIndicator": "none",
	  "disableSwipeBack": true
    }
  }
},

弹窗组件 DeviceNot

javascript 复制代码

<template>
	<DeviceNot @unidenLinkClick="handleManual" @unidenClose="handleClose" />
</template>

<script setup lang="ts">
	import { getCurrentInstance } from 'vue';
	import { onLoad } from '@dcloudio/uni-app';
	import DeviceNot from './DeviceNot.vue';

	// 去手动入库
	function handleManual() {
		uni.navigateBack();
		setTimeout(()=>{
			uni.$emit('popupShow');
		},120)
	}

	// 点遮罩关闭
	function handleClose() {
		uni.navigateBack();
	}
</script>
<!-- 全局透明（App 端页面用） -->
<style>
	page {
		background: transparent;
	}

	body {
		background: transparent;
	}
</style>