配置 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

相关推荐
零壹AI实验室10 天前
NVIDIA RTX Spark深度测评:个人AI智能体时代真的来了?
人工智能·ajax·spark
清水白石00811 天前
Python 变量的本质:从“盒子思维”到“引用思维”,彻底理解赋值到底发生了什么
java·python·ajax
来恩100315 天前
jQuery对Ajax的支持
前端·ajax·jquery
流年如夢16 天前
类和对象(中)
开发语言·javascript·ajax·ecmascript
努力成为AK大王17 天前
从前端到数据库:一个 Web 项目的完整通信链路解析
前端·数据库·ajax·jdbc
步十人21 天前
【JavaScript】通过AJAX技术让前端发请求到后端
javascript·ajax·okhttp
XiYang-DING21 天前
【Spring】 Ajax
spring·ajax·okhttp
小陈的进阶之路1 个月前
Python系列课(11)——PySpark
开发语言·python·ajax
TANGLONG2221 个月前
【C++】继承详解——基类/派生类、作用域、默认函数、菱形继承(超详细)
java·c语言·c++·经验分享·笔记·ajax
Bechamz1 个月前
大数据开发学习Day31
大数据·学习·ajax