<!--
Webview页面使用说明：

1. 基本使用：
   uni.navigateTo({
     url: '/subPackages/xmhAactivity/webview/index?url=' + encodeURIComponent('https://example.com')
   });

2. 带标题的使用：
   uni.navigateTo({
     url: '/subPackages/xmhAactivity/webview/index?url=' + encodeURIComponent('https://example.com') + '&title=' + encodeURIComponent('页面标题')
   });

3. 分享功能：
   - 页面会自动接收webview发送的消息
   - 消息格式：{ title: '标题', link: '链接', imgUrl: '图片', desc: '描述' }
   - 支持数组格式：[{ title: '标题', link: '链接', imgUrl: '图片', desc: '描述' }]

4. 分享数据示例：
   {
     title: '分享标题',
     link: 'https://example.com/share',
     imgUrl: 'https://example.com/image.jpg',
     desc: '分享描述'
   }
-->

<template>
	<view class="webview-container">
		<!-- Webview内容 -->
		<web-view :src="webviewUrl" @message="getMessage" class="webview-content"></web-view>
	</view>
</template>

<script setup>
import { ref, onMounted } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import {getParams} from '../utils/common.js'

// 数据定义
const webviewUrl = ref('')

// 接收webview消息
const getMessage = (e) => {
	console.log('=== Webview 消息接收开始 ===')
	console.log('完整事件对象:', e)
	console.log('事件详情:', e.detail)
}

// 页面参数接收
onLoad(async (options) => {
	console.log('页面参数:', options)
	const { url } = getParams()
	webviewUrl.value = decodeURIComponent(url) 

	console.log('Webview页面加载，URL:', url)
})

// 分享功能 -- 暂时用不到 不开启
// onShareAppMessage((options) => {
// 	console.log('分享选项:', options)
// 	return {
// 		title: '分享标题',
// 		link: 'https://example.com/share',
// 		imgUrl: 'https://example.com/image.jpg',
// 		desc: '分享描述'
// 	}
// })

</script>

<style lang="less" scoped>
.webview-container {
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	background-color: #fff;
}

.webview-content {
	flex: 1;
	width: 100%;
}
</style>
