Rumah > hujung hadapan web > uni-app > uniapp如何设置动态启动页

uniapp如何设置动态启动页

coldplay.xixi
Lepaskan: 2020-12-17 10:23:46
asal
10910 orang telah melayarinya

uniapp设置动态启动页的方法:首先创建工程名为LaunchPage;然后配置【index.vue】文件中的一些原生的组件进行禁用;接着在index中存放一张大图作为启动页的背景图;最后在method方法快中创建一个定时器。

uniapp如何设置动态启动页

本教程操作环境:windows7系统、uni-app2.5.1版本,该方法适用于所有品牌电脑。

推荐(免费):uni-app开发教程

uniapp设置动态启动页的方法:

1、创建工程名为LaunchPage

f3aa16acfafc1dad4f6773d8c21371a.png

2、在该项目中配置index.vue文件中的一些原生的组件进行禁用。

6cd7c7b32f521ae86824574939058ee.png

3、在index中存放一张大图作为启动页的背景图,在该页面中,图标的高度需要动态的获取之后并绑定到该组件上

7fa5642a8cab63da9b4b8eedf2aee69.png

fcb91f0a51175b683df5db3695ea258.png

4、随后就是在method方法快中创建一个定时器,需要记住的时,uni-app中的onLoad()方法需要在真机上调式。

8383d9ab90d97d04ccab97fa2ef356b.png

f607a6f68493c2f5b40f112fbfd7990.png

5、因为没有一个投屏软件,需要在真机上的调式看不见,就看控制台打印的信息

85d3b48461761ec6acd0e35e68e2c77.png

Atas ialah kandungan terperinci uniapp如何设置动态启动页. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan