小程序项目初始化配置

郭浪 Lv3
  2023-05-04 16:20:19 2023-05-04 16:20:19 创建   2023-08-05 10:37:12 2023-08-05 10:37:12 更新    

项目初始配置:首先在Hbuild里面创建一个小程序的模板,模版选择uni-ui项目用到的vue语法是vue2,之后配置小程序软件的打开路径,配置小程序设置的APPID在manifest中配置里找到微信小程序的配置中找到APPID配置项,在公司中是找到项目组长或者老大让他把自己拉到开发者中就可以找到项目的APPID

配置TabBar页面: 主要是在小程序的底部显示作为项目的主要文件, 在page文件中可以直接右键配置新建页面, 一般底部栏最多不能超过五个配置, 文件夹新建完成后就要到pages.json 中添加TabBar 配置项

1
2
3
4
5
6
7
8
9
10
11
"tabBar": {
        "selectedColor": "#C00000", //tab 上的文字选中时的颜色
        "list": [
            {
                "pagePath": "pages/home/home" //具体的页面配置文件,
                "text": "首页" //底部TabBar每个页面显示的文件,
                "iconPath": "static/tab_icons/home.png"//没有选中时候的文件显示的图标,
                "selectedIconPath": "static/tab_icons/home-active.png" //选中时显示的图标
            },
        ]
    }

修改顶部导航栏的配置也是在pages.json 文件中找到globalStyle 配置项

1
2
3
4
5
6
7
8
{
    "globalStyle": {
        "navigationBarTextStyle": "white",//文字颜色
        "navigationBarTitleText": "黑马优购",//顶部的标题 , 这个配置项在每个页面的配置上也有注意覆盖问题
        "navigationBarBackgroundColor": "#C00000",//顶部的背景颜色
        "backgroundColor": "#FFFFFF"//假如有下拉刷新的配置时可以看到的背景颜色
    }
}

配置网络请求: 在小程序中不支持使用axios这个包, 这里我们找到了另外一个request-miniprogram包来处理网络请求的发送在common文件夹中设置引入封装成一个专门处理网络请求的工具. 并且挂载到uni实例上, 在写完之后记得要把这个文件引入到min.js文件 中去跑一遍不然不会配置成功.

  • 标题: 小程序项目初始化配置
  • 作者: 郭浪
  • 创建于: 2023-05-04 16:20:19
  • 更新于: 2023-08-05 10:37:12
  • 链接: https://redefine.ohevan.com/2023/05/04/小程序项目初始化配置/
  • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
此页目录
小程序项目初始化配置