h5-colexiu/src/components/col-search/index.module.less

:global {
  .van-search {
    padding-left: 14px;
    padding-right: 14px;

    input {
      -webkit-user-select: text !important;
      user-select: text !important;
    }

    .van-search__field {
      padding: 0.13333rem var(--van-padding-xs) 0.13333rem 0 !important;
      background: transparent !important;
    }


    .van-field__clear {
      color: #C1BDC1 !important;
    }
  }
}

.col-search {
  --van-cell-background-color: transparent;

  // padding-left: 14px;
  // padding-right: 14px;
  :global {
    .van-field__left-icon {
      display: flex;
      align-items: center;
    }

    .van-field__right-icon {
      font-size: 0;
    }

    .van-search__action {
      display: flex;
    }

    .van-field__control {
      font-size: 14px;
    }
  }

  &.default {
    :global {
      .van-search__content {
        background: #f3f3f3;
      }
    }
  }

  &.col-tenant-search {
    --van-cell-line-height: 34px;

    &.default,
    &.transparent {
      :global {
        .van-search__content {
          background: #f5f6f8;
          border: 1px solid #fff;

        }

        .van-search__field {
          padding: 0 3px 0 0 !important
        }

        .van-field__control {
          color: #333 !important;
        }

        input::placeholder {
          color: rgba(0, 0, 0, 0.4);
        }
      }
    }
  }

  &.white {
    :global {
      .van-search__content {
        background: #fff;
      }
    }
  }

  &.transparent {
    :global {
      .van-search__content {
        background: rgba(255, 255, 255, 0.16);

        input::placeholder {
          color: #fff;
        }

        input {
          color: #fff;
        }

        .van-field__clear {
          color: #fff;
        }
      }
    }
  }

  .searchBtn {
    width: 56px;
    height: 28px;
    padding: 0;
    font-size: 14px;
    --van-button-mini-height: 28px;
    --van-font-size-xs: 14px;
    line-height: 1;

    &.searchTenantBtn {
      background: linear-gradient(270deg, #FF3C81 0%, #FF76A6 100%);
      border: none;
    }
  }
}