加入收藏 在线留言 联系我们
关注微信
手机扫一扫 立刻联系商家
联系电话:15515818101

短视频视频小程序uniapp开发软件

提醒:因为软件开发行业无明确禁止法规, 该企业仅提供软件开发外包定制服务,项目需取得国家许可,严禁非法用途。 违法举报
更新时间
2024-12-04 08:00:00
价格
请来电询价
品牌
尚合维宝
联系手机
15515818101
联系人
任立杰
立即询价

详细介绍

    创建项目

    创建项目,叫video_app。

    在pages.json里面修改一下标题:

    新建search搜索页面和me我的页面。

    此时界面预览效果如下:

    引入静态资源

    主要是static里面的内容,全部复制过来。

    配置底部导航栏

    此时重启服务,重新预览,可以发现底部导航已经出来了。

    开发首页

    先在App.vue里面编写一个全局样式。

    此时页面效果如下:

    开发首页顶部轮播图

    此时页面渲染效果如下:

    修改pages.json,引用H5原生顶部导航栏:

    此时页面效果如下:

    这里会有两张图片,可以自动轮播,也可以手动切换,不过截图看不出这种效果来。

    开发热门短剧标题

    效果预览:

    开发热门短剧横向轮播图

    效果预览:

    总结

    本教程讲解了uniapp开发短视频小程序的入门教程,主要讲解了如何配置底部导航,如何开发顶部轮播图以及热门短视频。

    打赏20元即可获取本套教程的全部源码。

    人生苦短,我用Python,我是您身边的Python私教~


相关产品

联系方式

  • 联系电话:未提供
  • 经理:任立杰
  • 手  机:15515818101
  • 微  信:shoumawang8
公司官网