uni-app项目小程序

本文介绍了uni-app项目的基本结构和配置步骤,包括创建项目模板、设定页面路由、构建tabBar底部导航以及封装request请求。通过这些操作,为uni-app小程序项目打下基础。
摘要由CSDN通过智能技术生成

文章目录

一、准备工作

1、创建模板
我们右击文件夹,选择新建,然后选择项目,然后选择我们的uni-app,项目名称需要填写。
这样我们就创建好一个项目的模板了。
在这里插入图片描述
在这里插入图片描述
项目中创建好的文件大概有:
pages文件夹:用来保存我们的页面
static文件夹:用来保存我们的静态资源
app.vue文件:一般用来设置我们的全局样式
main.js文件:我们的vue实例,如果需要挂载全局的方法或属性,就在main中挂载选型上。
manifest.json文件:我们小程序的一些配置
pages.json文件:专门管理我们页面的路由和外观,如头部和底部

2、创建我们的tabBar底部导航
首先我们把有tabBar底部导航的页面路由写一下。在我们根目录下的pages.json文件中配置。当然,我们需要手动搭建文件夹,以及vue文件,因为我们的uni-app项目类似于vue,所以我们页面是用vue当后缀的。

{
	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pag
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值