uniapp启动页面
第一种方式最简单，在mainfest.json中找到APP启动页面配置选项的自定义启动图，自定义需要启动的图片路径.
第二种方式代码编写
1.找一张需要启动页面的图片放在static 文件夹下
2.index页面就是启动页面，并且取消默认标题
"pages": [{
"path": "pages/index/index",
"style": {
"app-plus":{
"titleNView":false
}
}
},{
"path":"pages/index/home" //重定向到新的页面
}],
3.index.vue
<template>
<view class="container" :style="{height:Qheight+'px'}">
<image :style="{height:Qheight+'px'}" src="../../static/images/indexbg.jpg"></image>
</view>
</template>
<script>
export default {
data() {
return {
time:4,
Qheight:0,
}
},
onLoad() {
uni.getSystemInfo({
success: (res) => {
let height = res.windowHeight-uni.upx2px(0);
this.Qheight = height;
}
});
let timeS = this.time;
this.Qtime(timeS);
},
methods: {
Qtime(timeS){
let timeStart = setInterval(function(){
timeS --;
if(timeS == 0){
clearInterval(timeStart);
uni.redirectTo({
url:'home'
})
}
console.log(timeS)
},1000,timeS)
}
}
}
</script>
<style>
.container {
width: 100%;
height: 100%;
}
.container>image{
width: 100%;
}
</style>
4.home.vue
启动页面之后需要看到的新的页面
注：在手机上测试才有效果
uniapp启动页面相关推荐
- uniapp APP项目启动页面全屏显示去除导航栏和下巴
uniapp APP项目启动页面全屏显示去除导航栏和下巴 <template><view><!-- 启动图 --><view class="star ...
- Android乐动力的开始启动页面开源代码
Android乐动力的开始启动页面开源代码,在github上的项目主页是:https://github.com/zhangphil/LeDongLiStart 其运行结果如动态图所示:动态图gi ...
- 微信小程序-设置启动页面
2019独角兽企业重金招聘Python工程师标准>>> 在开发微信小程序的时候,除了tabBar上设置的页面之外,想进入肯定要走跳转之类的进入,但是我们开发的时候肯定想要直接看到该页 ...
- Qt on Andoird 添加开机启动页面
用Qt编译Android程序时,可以给程序添加有一个启动页面,在AndroidManifest.xml中可以直接修改 创建AndroidManifest.xml 文件后,找到 <!-- Spla ...
- 设置android应用闪屏图片_Android实现启动页面（闪屏页面）
不难发现,我们手机上的很多app都有启动页面,例如打开简书App在显示主页文章前会有一个启动页面,如下所示: 简书启动页面 随后是一个广告页面,最后才进入到主页去. 那么我们自己怎么实现这个效果呢?下 ...
- 火狐浏览器如何设置启动页面
火狐浏览器如何设置启动页面?打开火狐浏览器的时候,默认都是跳转到火狐首页的,如果你想换成自己理想的页面,可以对火狐浏览器进行设置.下面我们一起来看看火狐浏览器设置启动时页面的操作方法. 方法/步骤: ...
- 从0开始架构一个IOS程序—— 02 — 设置启动图标与启动页面
从0开始架构一个IOS程序 02设置启动图标与启动页面 Mac OSX 10.11 之后 1 指定应用程序所要加载的应用图标与启动加载图片 2 应用图标的相关设置 3 启动图片的相关设置
- 10无法勾选隐藏的项目_3ds max一直卡在启动页面无法进入
工作原因遇到过很多软件问题,也看到一些优秀教程,自己也想出来过一些解决问题的小方法(不知道是不是第一个想到的),以后不会不定期把自己的软件笔记搬运到知乎,希望能帮助到刚一些朋友. 以前在用2014中文 ...
- android 防止重复启动app,Android应用开发Android 防止启动页面(SplashActivity)被多次启动...
本文将带你了解Android应用开发Android 防止启动页面(SplashActivity)被多次启动,希望本文对大家学Android有所帮助. 话不多说直接上代码: @Override prot ...
- android广告页白屏_Android 启动页面与广告页面的实现-Go语言中文社区
在我们APP的开发过程中,启动页面是绕不开的,广告页面说不定,但是不得不说,这两个界面都是经常要用到的.接下来我记录一下我的实现过程.项目架构为MVP. 那么先看看我们的需求和流程:(当然这也是可以根 ...
最新文章
- jQuery获取CSS样式中的颜色值的问题，不同浏览器格式不同怎么办
- Android 开发笔记___初级控件之实战__计算器
- 半素数c语言,非常简单的c题目 不懂 紧急求助
- linux mint 安装内核,如何在Ubuntu, Linux Mint中安装Linux Kernel 4.18
- 最大堆MaxHeap和最小堆MinHeap的实现(转)
- 箭头函数写法_箭头函数
- 22.Proxy Objects
- 记录下我的Linux系统中vim文件的配置---(.vimrc文件配置模板)
- PLIP--Linux 并口网络解决方法
- System level Programming study(1)
- ps怎么制作流体_PS制作流体效果的字体
- 软件评测师32小时-第一小时 软件测试概论
- 在html css中加粗显示,css字体怎么加粗？
- 企业微信网页应用开发 - 异步请求
- realsense相机色彩图与深度图对齐
- 编译原理陈火旺第三版第七章课后题答案
- 支气管炎如何治疗，试试这些食疗方，马上见效！
- 阿里云open API中的签名算法
- 利用adb设置安卓http代理
- 百度地图-设置地图最小、最大级别