当前位置:   article > 正文

uni-app教程一(项目创建、tabbar配置、运行_uniapp开发tabbai使用配置

uniapp开发tabbai使用配置

下载地址: https://www.dcloud.io/hbuilderx.html

  1. 在HBuilderX 点击工具栏里的文件 - >新建 - >项目:

在这里插入图片描述

  1. 选择uni-app,输入工程名,如:test,点击创建,即可成功创建uni-app

在这里插入图片描述

项目目录

在这里插入图片描述

创建页面

在这里插入图片描述

导入静态资源包(图片)

在这里插入图片描述

页面tabbar配置

{

“pages”: [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages

{

“path”: “pages/index/index”,

“style”: {

“navigationBarTitleText”: “首页”

}

},

{

“path”: “pages/news/news”,

“style”: {

“navigationBarTitleText”: “动态”

}

},

{

“path”: “pages/msg/msg”,

“style”: {

“navigationBarTitleText”: “消息”

}

}

,{

“path” : “pages/my/my”,

“style” : {

“navigationBarTitleText”: “我的”

}

}

],

“globalStyle”: {

“navigationBarTextStyle”: “black”,

“navigationBarTitleText”: “uni-app”,

“navigationBarBackgroundColor”: “#F8F8F8”,

“backgroundColor”: “#F8F8F8”

},

“tabBar”:{

“color”:“#333333”,

“selectedColor”:“#FC5C82”,

“backgroundColor”:“#FFFFFF”,

“borderStyle”:“black”,

“list”:[{

“pagePath”:“pages/index/index”,

“text”:“首页”,

“iconPath”:“static/tabbar/index.png”,

“selectedIconPath”:“static/tabbar/indexed.png”

},{

“pagePath”:“pages/news/news”,

“text”:“动态”,

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
img

总结:

  • 函数式编程其实是一种编程思想,它追求更细的粒度,将应用拆分成一组组极小的单元函数,组合调用操作数据流;

  • 它提倡着 纯函数 / 函数复合 / 数据不可变, 谨慎对待函数内的 状态共享 / 依赖外部 / 副作用;

Tips:

其实我们很难也不需要在面试过程中去完美地阐述出整套思想,这里也只是浅尝辄止,一些个人理解而已。博主也是初级小菜鸟,停留在表面而已,只求对大家能有所帮助,轻喷

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/676571
推荐阅读
相关标签