uni-app 启动广告页

最新推荐文章于 2024-08-02 17:10:04 发布

漂泊灯芯

最新推荐文章于 2024-08-02 17:10:04 发布

阅读量3.6k

点赞数 4

分类专栏： uni-app 文章标签： uni-app

本文链接：https://blog.csdn.net/wemlive/article/details/121511074

版权

本文介绍了如何在uni-app项目中创建启动时的个性化图片页面。通过在根目录建立hybrid文件夹，包含advertise.html和webView.js，然后在APP.vue的onLaunch函数中调用相关方法显示图片，图片地址可以是网络、本地或base64编码。

摘要由CSDN通过智能技术生成

最近公司要求在项目启动时，增加个性化图片页面，

1 在跟目录新建hybrid 文件夹代码结构如下

advertise.html 代码，该代码时拷贝的别人的，忘了是谁的了如有维权，请及时联系

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>广告启动页</title>
		<link rel="stylesheet" href="../css/advertise.css">
		<!-- uni 的 SDK -->
		<script type="text/javascript" src="../js/webView.js"></script>
	</head>
	<body>
		<div class="content">
			<div class="con">
				<img id="img" src="##">
			</div>
			<div class="btn" id="timer">
				<div id="info">跳过</div>
				<div class="circleProgress_wrapper btn">
					<div class="wrapper right">
						<div class="circleProgress rightcircle"></div>
					</div>
					<div class="wrapper left">