traffic-eff-app/pages/tabbar/index/index.scss

.fui-wrap {
  .u-grid {
    /deep/ .u-grid-item {
      width: 33.3333%;
      margin-top: 30rpx !important;
    }
    /deep/ .u-grid-item .grid-item-icon {
      width: 100rpx;
      height: 100rpx;
      background-color: red;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 10rpx;
    }
    /deep/ .u-grid-item .grid-item-icon image{
      width: 60rpx;
      height: 60rpx;
    }
    /deep/ .u-grid-item .grid-text{
      font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
      color: #333333;
      margin-top: 10rpx;
      font-size: 28rpx;
    }
    /deep/ .u-swiper__wrapper__item__wrapper__image {
      border-radius: 0 !important;
    }
  }
  .u-gap{
    margin-top: 20rpx !important;
  }
  .u-page-title{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    .line {
      width: 34px;
      height: 1px;
      border: 1px solid #548cf7;
      background-color: #ffffff;
      box-sizing: border-box;
      margin: 0 10rpx;
    }
    .title-content{
      width: 72px;
      height: 24px;
      background-color: rgba(255, 255, 255, 0);
      box-sizing: border-box;
      font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
      font-weight: 650;
      color: #548cf7;
      text-align: left;
      line-height: normal;
      text-align: center;
    }
    .rectangle {
      width: 4px;
      height: 14px;
      transform: rotate(28deg);
      border-radius: 4px;
      background-color: #548cf7;
      box-sizing: border-box;

      &:nth-child(3) {
        margin: 0 5px;
        background-color: rgba(84, 140, 247, 0.79);
      }

      &:nth-child(5) {
        margin:0 5px;
        background-color: rgba(84, 140, 247, 0.79);
      }
    }
  }

  .search-content{
    width: 100%;
    height: 80rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f2f2f2;
    .u-search__action{
      color: #3c9cff !important;
    }
    .u-search{
      flex: 0.95 !important;
      border: 1px solid #3c9cff !important;
      border-radius: 100px !important;
      background-color: #fefefe!important;
    }
    /deep/ .u-search__content{
      border: none !important;
      background-color: #fefefe!important;
    }
    /deep/ .u-search__content .u-search__content__input{
      background-color: #fefefe!important;
    }
  }
}