首页、列表页、搜索结果页 列表选项卡顺序

康凯

2022-01-24 f141226b9c4c580a1844b263f8e1440d73719207

 src/views/layout/listIndex.vue

@@ -10,9 +10,9 @@
      </transition>
    </div>
    <mt-tabbar v-model="dataType" :fixed="true">
      <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="1">红色记忆</mt-tab-item>
      <mt-tab-item id="2">红色精神</mt-tab-item>      
      <mt-tab-item id="4">红色人物</mt-tab-item>
    </mt-tabbar>
  </div>
@@ -127,28 +127,36 @@
}

.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;
}