配置 tabBar 效果

1 创建tabBar分支

运行如下的命令,基于 master 分支在本地创建 tabBar 子分支,用来开发和 tabBar 相关的功能:
git checkout -b tabbar

2 创建tabBar页面

在 pages 目录中,创建首页 (home) 、分类 (cate) 、购物车 (cart) 、我的 (my) 这 4 个 tabBar 页面。在
HBuilderX 中,可以通过如下的两个步骤,快速新建页面:

  1. 在 pages 目录上鼠标右键,选择 新建页面
  2. 在弹出的窗口中,填写 页面的名称勾选 scss 模板 之后,点击创建按钮。截图如下

3 配置tabBar效果

  1. 将 资料 目录下的 static 文件夹 拷贝一份,替换掉项目根目录中的 static 文件夹
  2. 修改项目根目录中的 pages.json 配置文件,新增 tabBar 的配置节点如下:

4.tabBar分支的提交与合并

  1. 将本地的 tabbar 分支进行本地的 commit 提交:
    git add .

git commit -m "完成了 tabBar 的开发"

  1. 将本地的 tabbar 分支推送到远程仓库进行保存:

git push -u origin tabbar

  1. 将本地的 tabbar 分支合并到本地的 master 分支:
    git checkout master

git merge tabbar
4. 删除本地的 tabbar 分支:
git branch -d tabbar

相关推荐
qq_406176142 天前
关于JavaScript中的filter方法
开发语言·前端·javascript·ajax·原型模式
LongtengGensSupreme4 天前
开放所有跨域 ----前端和后端
前端·后端·ajax·vue·api·jquery
雨雨雨雨雨别下啦5 天前
ajax和axios到底是什么
前端·ajax·okhttp
C_心欲无痕6 天前
网络相关 - Fetch 与 Ajax 请求讲解
前端·网络协议·ajax·fetch
qq_406176147 天前
什么是模块化
开发语言·前端·javascript·ajax·html5
释怀不想释怀9 天前
vue(登录,退出,浏览器本地存储机制)
前端·javascript·vue.js·ajax·html
chilavert31810 天前
技术演进中的开发沉思-284 计算机原理:二进制核心原理
javascript·ajax·计算机原理
Beginner x_u10 天前
从 Promise 到 async/await:一次把 JavaScript 异步模型讲透
javascript·ajax·promise·异步·async await
‿hhh11 天前
综合交通运行协调与应急指挥平台项目说明
java·ajax·npm·json·需求分析·个人开发·规格说明书
释怀不想释怀11 天前
Ajax,vue生命周期(自动加载页面发出请求)Axios
前端·javascript·ajax