uniapp怎么使用

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

uniapp怎么使用

uniapp的使用方法:首先开发者需先下载安装HBuilderX;然后创建项目目录,并创建页面;接着配置页面及tabbar;最后实现运行即可。

本教程操作环境:windows7系统、uni-app2.5.1版本、thinkpad t480电脑。

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

uniapp的使用方法:

1.首先开发者需先下载安装 HBuilderX

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

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

2.项目目录

3. 创建页面

4.页面及tabbar配置

{    "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages        {            "path": "pages/index/index",            "style": {                "navigationBarTitleText": "uni-app"            }        },        {            "path": "pages/homework/homework",            "style": {                "navigationBarTitleText": "uni-app"            }        },        {            "path": "pages/personal/personal",            "style": {                "navigationBarTitleText": "uni-app"            }        }    ],    "globalStyle": {        "navigationBarTextStyle": "black",        "navigationBarTitleText": "uni-app",        "navigationBarBackgroundColor": "#F8F8F8",        "backgroundColor": "#F8F8F8"    },    "tabBar": {    "color": "#C3B8B4",    "selectedColor": "#F76605",    "borderStyle": "white",    "backgroundColor": "#fff",    "list": [      {        "pagePath": "pages/index/index",        "text": "学员",        "iconPath": "static/indexNormal.png",        "selectedIconPath": "static/indexActive.png"      },      {        "pagePath": "pages/homework/homework",        "text": "作业",        "iconPath": "static/homeworkNormal.png",        "selectedIconPath": "static/homeworkActive.png"      },      {        "pagePath": "pages/personal/personal",        "text": "我的",        "iconPath": "static/personalNormal.png",        "selectedIconPath": "static/personalActive.png"      }    ]  }}
登录后复制

5.运行

6.运行效果图

相关免费学习推荐:编程视频

以上就是uniapp怎么使用的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。

作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:总结分享: 6 种JavaScript的打断点的方式(收藏学习)
下一篇:laravel修改语句

发表评论

关闭广告
关闭广告