uniapp自定义开屏启动广告页

原理：使用5+api：plus.webview.open()创建一个webview,然后加载一个本地网页，网页可做成广告页的样式。网页中引入uni的SDK,使网页具有5+api的能力，可在点击网页中的按钮关闭创建的webview。

已上传插件市场

自定义开屏启动广告 - DCloud 插件市场

1.配置一个启动页,将根目录下的hybird目录拷贝至自己项目的根目录下。

代码下载

2.在App.vue的 onLaunch 打开一个启动页

export default {onLaunch: function() {console.log('App Launch');//app启动时打开启动广告页var w = plus.webview.open('hybrid/html/advertise/advertise.html', // 远程链接或者本地链接'advertise', {top: 0,bottom: 0,zindex: 999},'fade-in',0    // 不为0的时候会有tabbar先出现的问题);//设置定时器，4s后关闭启动广告页setTimeout(function() {plus.webview.close(w);}, 4000);},onShow: function() {console.log('App Show')},onHide: function() {console.log('App Hide')}}

3.在hybrid/html/advertise/advertise.html中修改点击广告跳转的逻辑,

<script>document.addEventListener('UniAppJSBridgeReady', function() {document.querySelector('.btn').addEventListener('click', function(e) {if (e.isTrusted) {plus.webview.currentWebview().close();}});// 广告点击跳转app内页document.querySelector('.enter').addEventListener('click', function(e) {if (e.isTrusted) {plus.webview.currentWebview().close();uni.navigateTo({url: '/pages/advertise/advertise',});}});});</script>

uniapp自定义开屏启动广告页相关推荐

uni-app 启动广告页
最近公司要求在项目启动时,增加个性化图片页面, 1 在跟目录新建hybrid 文件夹代码结构如下 advertise.html 代码,该代码时拷贝的别人的,忘了是谁的了如有维权,请及时联系 <! ...
Android 启动广告页
最近要求做启动广告页,然后在网上找了一些demo,但都没有找到自己想要的,于是,根据一些写的还不错的,加上自己的想法,做了一个启动广告页,然后分享出来.支持 gif动态图的下载和显示. 启动页广告页 ...
app启动广告页的实现，解决了广告图片要实时更新的问题
网上很多的实现方法很多都是显示第一次的缓存的图片,这样就造成后台更新广告图片App不能实时展示的问题. 我的具体实现思路是: 1.启动时先获取启动页的图片全屏展示. 2.设计一个等待时间,如果超过等待 ...
iOS仿写有妖气漫画、视频捕获框架、启动页广告页demo、多种动画效果等源码
iOS精选源码以tableview的section为整体添加阴影效果/ta'b'le'vi'e'w顶部悬浮-. 一个可以轻松应用自定义过滤器的视频捕获框架. 基于UITableView的组件,旨在显 ...
iOS仿写有妖气漫画、视频捕获框架、启动页广告页demo、多种动画效果等源码...
iOS精选源码以tableview的section为整体添加阴影效果/ta'b'le'vi'e'w顶部悬浮.... 一个可以轻松应用自定义过滤器的视频捕获框架. 基于UITableView的组件,旨 ...
uniapp 自定义启动图
页面效果 1.下载资源文件gitee地址,引入项目目录中. 2.App.vue页面js配置 onLaunch: function() {plus.navigator.closeSplashscreen ...
5-2 uniapp 打包 app 自定义开屏页
5-2 uniapp 打包 app 自定义开屏页下载链接点击下载使用方法解压到项目根目录 App.vue -> onLaunch 添加代码 // #ifdef APP-PLUS plus ...
uni-app 启动页，引导页，广告页
1 勾选自定义启动图这个需要打包才能生效 2 引导页,广告页 1 plus.navigator.closeSplashscreen();//为关闭启动页,需要设置启动页为不自动关闭 2 请求接口后再 ...
android广告页白屏_Android 启动页面与广告页面的实现-Go语言中文社区
在我们APP的开发过程中,启动页面是绕不开的,广告页面说不定,但是不得不说,这两个界面都是经常要用到的.接下来我记录一下我的实现过程.项目架构为MVP. 那么先看看我们的需求和流程:(当然这也是可以根 ...

uniapp自定义开屏启动广告页

uniapp自定义开屏启动广告页相关推荐

最新文章

热门文章