使用hbuilder X创建uniapp项目
一、打开hbuilder X软件,左上角 文件-新建-项目,如图:
二、在弹窗内,填写项目名称,选择你自己需要的项目案例,可根据自己需求选择vue版本2/3,如图:
三、这时你的项目已经创建好了,自动由hbuilderX打开,项目大致文件内容如图:
四、设置底部导航跳转,打开pages.json文件(pages是路由跳转地址,tabBar是配置底部导航栏),如果顶部导航想要添加相应的按钮图标,可添加‘app-plus’配置,这里的‘fontSrc’图标来自阿里,下面有如何下载阿里图标的步骤,先看pages.json的文件配置吧
{
"pages": [{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "人人通"
}
}, {
"path": "pages/message/index",
"style": {
"navigationBarTitleText": "消息",
"app-plus": {
"titleNView":