PC 端样式留存 2021-04-08

最新推荐文章于 2024-11-01 16:54:21 发布

云之旋律

最新推荐文章于 2024-11-01 16:54:21 发布

阅读量30

点赞数

文章标签： css javascript 前端 css3 html

本文链接：https://blog.csdn.net/u012922417/article/details/142581652

版权

PC 端样式留存

/*自己实现的选项卡*/
  .tl-tab-bar {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 66px;
    background: #fff;
    text-align: center;
    padding-left: 20px;
    .tab-item {
      min-width: 48px;
      height: 26px;
      line-height: 26px;
      background: #F3F4F8;
      border-radius: 4px;
      margin-right: 20px;
      padding: 0 8px;
      &:hover {
        cursor: pointer;
      }
    }
    .active {
      background: #0F8BFF;
      color: #fff;
    }
  }

  .search-box {
    position: absolute;
    top: 10px;
    right: 60px;
  }
  .tl-bg-blue{
    background: #0F8BFF !important;
    color: #fff !important;
    border-radius: 0 4px 4px 0;
  }