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

相关推荐
En^_^Joy8 小时前
Ajax与Axios:现代前端异步请求指南
前端·javascript·ajax
必胜刻1 天前
AJAX 请求理解
前端·ajax·okhttp·前后端交互
未完成的歌~4 天前
前端 AJAX 详解 + 动态页面爬虫实战思路
前端·爬虫·ajax
进击的雷神6 天前
AJAX动态参数反爬、HTML嵌套网站提取、UPSERT增量更新、空值智能处理——沙特塑料展爬虫四大技术难关攻克纪实
爬虫·python·ajax·html
Cg1362691597411 天前
js引入方式
前端·javascript·ajax
Pu_Nine_911 天前
企业级 Axios 配置实战:从基础到完整封装
前端·ajax·axios·网络请求·企业级
徐先生 @_@|||1 个月前
Spark的DataFrame的Map Task和Reduce Task深入理解
ajax·spark·php
爱敲代码的小鱼1 个月前
AJAX(异步交互的技术来实现从服务端中获取数据):
前端·javascript·ajax
2301_780669862 个月前
Vue(入门配置、常用指令)、Ajax、Axios
前端·vue.js·ajax·javaweb
2601_949809592 个月前
flutter_for_openharmony家庭相册app实战+相册详情实现
javascript·flutter·ajax