qkui-h5/dist/styles/tabs.css

Quick 框架组件

.qk-tabs .qk-tabs-bar {
  border-bottom: 0.05rem solid #dcdee2;
  padding: 0 1rem;
  display: flex;
  flex-direction: row;
  margin-top: 0.2rem;
}
.qk-tabs .qk-tabs-bar .active {
  color: #007aff;
  background: #fff;
  margin-bottom: -0.05rem;
}
.qk-tabs .qk-tabs-bar .bar-extra {
  position: absolute;
  margin: inherit;
  right: 0;
}
.qk-tabs .qk-tabs-bar-item {
  margin-right: 0.2rem;
  border: 0.05rem solid #dcdee2;
  border-bottom: 0;
  border-radius: 0.2rem 0.2rem 0 0;
  transition: all 0.3s ease-in-out;
  background: #f8f8f9;
  cursor: pointer;
  display: flex;
  flex-direction: row;
}
.qk-tabs .qk-tabs-bar-item .bar-title {
  padding: 0.25rem 0.8rem 0.2rem;
}
.qk-tabs .qk-tabs-bar-item .icon-guanbi {
  font-size: 0.8em;
  padding-top: 0.3rem;
  padding-right: 0.6rem;
  vertical-align: middle;
}
.qk-tabs .qk-tabs-body {
  height: inherit;
}