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

康凯

2022-01-27 2f8e6550cfc092b70d9e8ce65fb6d6c256e2d0ba

 src/views/layout/listIndex.vue

@@ -10,9 +10,9 @@
      </transition>
    </div>
    <mt-tabbar v-model="dataType" :fixed="true">
      <mt-tab-item id="3">红色景区</mt-tab-item>
      <mt-tab-item id="1">红色记忆</mt-tab-item>
      <mt-tab-item id="2">红色精神</mt-tab-item>
      <mt-tab-item id="3">红色景区</mt-tab-item>
      <mt-tab-item id="4">红色人物</mt-tab-item>
    </mt-tabbar>
  </div>
@@ -121,34 +121,42 @@
}

.mint-tabbar {
  height: 10vh;
  height: 45px;
  background: white;
  z-index: 9;
}

.mint-tabbar /deep/ .mint-tab-item {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.mint-tabbar /deep/ .mint-tab-item-label {
  width: 7.75rem;
  height: 100%;
  border-top: 1px solid white;

  font-size: 1.75rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  line-height: 1.93rem;
  line-height: 3.5rem;
  color: #767676;
  opacity: 1;
}

.mint-tabbar /deep/ .is-selected {
  background-color: white;
  border-top: 0.5vh solid #BC0000;
}

.mint-tabbar /deep/ .is-selected .mint-tab-item-label {
  border-top: 1px solid #BC0000;

  font-size: 1.75rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  line-height: 1.93rem;
  line-height: 3.5rem;
  color: #BC0000;
  opacity: 1;
}