【Vue3.0移动端项目--旅游网】--配置tabBar &首页搭建

【Vue3.0移动端项目–旅游网】–配置tabBar &首页搭建

多一些不为什么的坚持🤳

贤蛋 🥚大眼萌 ，一名很普通但不想普通的程序媛🙊

📝本文章收录于专栏：Vue3.0移动端项目-旅游网

第一篇：【Vue3.0移动端项目–旅游网】–项目初始化搭建

✏️ 新建tabBar分支

通过 Git 管理项目，养成良好的开发习惯，可以创建分支。最后开发完可以合并分支。

1. 创建新分支并且跳转到改分支上

git checkout -b tabbar
1

2. 查看分支

git branch
1

⏰ 配置 tabBar

第一步：由于我们需要自定义图标，但是对于 vite 引入图片没有直接引入，需要先封装一个工具函数 load-assets.js

// load-assets.js
// 工具函数--基于 Vite 获取资源
export const getAssetURL = image => {
    
  // 参数1：绝对路径
  // 参数2：当前路径的RRL
  return new URL(`../assets/img/${
      image}`, import.meta.url).href
}
<
1
2
3
4
5
6
7
8
9