记录我学习uni-app的过程

我先下载了一个开发工具 HBuildX 选择app版本

然后打开开发工具  

先新建一个项目 选择uni-app


第二个

我选择的空白模板


创建完成之后的亚子

然后我就运行在浏览器  看到了页面


运行起来的样子

看了页面之后  我在找title在哪里放的。。

原来在pages.json中


修改一下text 果然是这里

在vue和小程序之间徘徊的我 总是混淆指令  难搞哦

接下来 我就想写一个tab

这就和小程序一样了 看一下文档 那就搞起来了


pages配置上页面


下面加上tab

图片没有添加  用的案例

搞定!


tab1


tab2

第一步初了解完成

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • uni-app跨平台框架官方教程 链接:https://ke.qq.com/course/343370 一、框架简...
    Neyo_凉阅读 36,657评论 0 43
  • 写在有道笔记上,uni项目实践,转过来格式不太好看,先做此记录吧。 看了uniapp多端开发,感觉不错,还有模板商...
    YellowPoint阅读 2,559评论 0 1
  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 1,284评论 0 1
  • 上一篇我们讲了uni-app的各种优缺点,接下来我们要讲一下uni-app的开发流程和一些常用组件。此篇文章为un...
    任建堃阅读 19,616评论 0 28
  • 一只蚂蚁不小心掉进了河里,他不会游泳,连着呛了好几口水。一只鸽子看到溺水的蚂蚁,赶紧啄起一片树叶,丢到了...
    丑灵怪妹阅读 559评论 0 0

友情链接更多精彩内容