<template>
	<view>
		<web-view :webview-styles="webviewStyles" :src="articleUrl"></web-view>
	</view>
</template>

<script setup>
import { ref, onMounted } from 'vue';

// 响应式数据
const articleUrl = ref('');
const webviewStyles = ref({
	progress: {
		color: '#3D83F6' // 使用蓝色主题色
	}
});

// 页面加载时
onMounted(() => {
	// 设置协议URL，实际使用时替换为真实的协议地址
	articleUrl.value = 'http://www.baidu.com/';
});
</script>

<style lang="scss" scoped>
// 可以根据需要添加样式
</style> 