小程序 项目初始化工作
2022-06-28 本文已影响0人
Mr_余
1.配置网络请求
由于平台的限制,小程序项目中不支持 axios,而且原生的 wx.request() API 功能较为简单,不支持拦截器等全局定制的功能。因此,建议在 uni-app 项目中使用 @escook/request-miniprogram 第三方包发起网络数据请求。
在项目的 main.js 入口文件中,通过如下的方式进行配置:
1.封装 uni.$showMsg() 方法
当数据请求失败之后,经常需要调用 uni.showToast({ /* 配置对象 */ }) 方法来提示用户。此时,可以在全局封装一个 uni.$showMsg() 方法,来简化 uni.showToast() 方法的调用。具体的改造步骤如下:
1.1 在需要提示消息的时候,直接调用 uni.$showMsg() 方法即可:
2. 配置 tabBar 效果
1.将 资料 目录下的 static 文件夹 拷贝一份,替换掉项目根目录中的 static 文件夹
2.修改项目根目录中的 pages.json 配置文件,新增 tabBar 的配置节点如下:
3. 修改导航条的样式与效果
1.打开 pages.json 这个全局的配置文件
2. 修改 globalStyle 节点如下: