@jdcfe/yep-react/lib/search-bar/style/index.css

一套移动端的React组件库

.yep-search-bar-bj {
  height: 100px;
  width: 100%;
  background: #fff;
  display: flex;
  align-items: center;
}
.yep-search-bar-bj .yep-search-bar-cancel {
  color: #F0250F;
  font-size: 28px;
  margin: 0 0 0 10px;
}
.yep-search-bar-bj .Yep-search-bar-wrapper {
  position: relative;
  height: 64px;
  background: #F0F0F0;
  width: 584px;
  border-radius: 40px;
  display: flex;
  align-items: center;
}
.yep-search-bar-bj .Yep-search-bar-wrapper .Yep-icon-lego_sousuo {
  margin: 0 20px 0 20px;
}
.yep-search-bar-bj .Yep-search-bar-wrapper .Yep-search-bar {
  padding-right: 25px;
  font-size: 32px;
  height: 64px;
  line-height: 64px;
  width: 490px;
  background-color: #F0F0F0;
  display: flex;
  display: -webkit-flex;
}
.yep-search-bar-bj .Yep-search-bar-wrapper .Yep-search-bar::placeholder {
  color: #C6C7CE;
}
.yep-search-bar-bj .Yep-search-bar-wrapper .Yep-search-bar--sm + .Yep-clearable-search-bar__clear {
  right: 0;
}

.Yep-search-bar__clear {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 10px;
}