@meleon/uni-ui/lib/ml-navigator/index.less

A uniapp components library written in vue3 and typescript

.ml-navigator {
  box-sizing: border-box;
  position: relative;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  z-index: 1002;
  &-title {
    position: absolute;
    transform: translateX(-50%);
    font-size: 14px;
    color: #ffffff;
  }
  &-bar {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    &-icons {
      padding: 0 5px;
      gap: 10px;
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      color: #272222;
    }
  }

  .search {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }
}