【Vue3.0移动端项目--旅游网】-- 房屋信息和房屋设施

多一些不为什么的坚持🤳

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

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

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

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

第三篇：【Vue3.0移动端项目–旅游网】-- 城市页面搭建

第四篇：【Vue3.0移动端项目–旅游网】-- 首页日期和热门推荐处理

第五篇：【Vue3.0移动端项目–旅游网】-- 首页分类和热门精选展示

第六篇：【Vue3.0移动端项目–旅游网】-- Loading加载和导航栏bug调试

第七篇：【Vue3.0移动端项目–旅游网】-- 房屋详情页创建以及房屋详情图片展示

🧲 新建 detail 分支

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

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

git checkout -b detail02
1

2. 查看分支

git branch
1

🍳 房屋具体信息展示

1. 创建信息子组件并传递房屋信息

2. 子组件获取数据渲染

3. 页面布局

.infos {
   
  padding: 16px;
  background-color: #fff;
  .name {
   
    font-weight: 700;
    font-size: 20px;
    color: #333;
    text-align: justify;
    line-height: 24px;
    overflow: hidden;
    margin-bottom: 6px;
  }
  .tag {
   
    margin: 10px 0;
    .item {
   
      font-size: 12px;
      margin: 0 2px;
      padding: 1px 3px;
      color: #0080ff;
      background: #fcfcfc;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23