底部导航，高亮状态文字没有对齐的，并且高亮线和文字等宽

康凯

2021-12-14 c4d5887516136eab370afc572693483e254a3dc0

底部导航，高亮状态文字没有对齐的，并且高亮线和文字等宽

 src/views/layout/listIndex.vue

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