修复：列表下端导航栏对搜索筛选条件遮挡

康凯

2022-01-27 2f8e6550cfc092b70d9e8ce65fb6d6c256e2d0ba

 src/views/home.vue

@@ -14,17 +14,17 @@
      </div>
    </div>
    <div class="navigation-div">
      <div class="nav-div nav-scenery" @click="NavigationGo(3)">
        红色景区
      </div>      
      <div class="nav-div nav-memory" @click="NavigationGo(1)">
        红色记忆
      </div>
      <div class="nav-div nav-personage" @click="NavigationGo(4)">
        红色人物
      </div>
      <div class="nav-div nav-scenery" @click="NavigationGo(3)">
        红色景区
      </div>
      <div class="nav-div nav-spirit" @click="NavigationGo(2)">
        红色精神
      </div>      
      <div class="nav-div nav-personage" @click="NavigationGo(4)">
        红色人物
      </div>
    </div>
  </div>
@@ -81,6 +81,7 @@
  height: 99vh;
  background: url("../assets/home_background@1x.png") no-repeat 100% 100%;
  background-size: cover;
  background-color: rgb(239, 197, 135);
}

h1 {
@@ -100,13 +101,14 @@

.search-div ul {
  text-align: left;
  padding-left: 25px;
}

.search-div ul li {
  cursor: pointer;
  display: inline-block;
  list-style-type: none;
  padding-right: 5vw;
  padding-right: 15px;

  font-size: 1.75rem;
  font-family: Source Han Sans CN;