• 技术文章 >web前端 >uni-app

    uniapp如何设置动态启动页

    coldplay.xixicoldplay.xixi2020-12-17 10:23:46原创3069

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

    本教程操作环境: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

    以上就是uniapp如何设置动态启动页的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:uniapp 启动页
    上一篇:uniapp如何使用条件渲染和列表渲染 下一篇:uniapp怎么做首页幻灯片
    大前端线上培训班

    相关文章推荐

    • app 启动页面_html/css_WEB-ITnose• 给你的Cordova HybridApp添加Splash启动页面_html/css_WEB-ITnose• 关于微信小程序设置启动页面的两种方法介绍• 实现jquery在启动页面立刻加载数据

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网