index.wxss

/* static/nativeComponents/GoodsSearch/index.wxss */
@import "/static/font/common_icon.wxss";
.flex{
  display: flex;
}
input{
  width: 100%;
}
.goods-search{
  font-size: 24rpx;
  margin: 0 12px;
  align-items:center;
  margin-bottom: 4px;
}
.goods-search i{
  margin: 0 20rpx;
  color: #333;
}
.goods-search .ipt{
  flex: 1;
  height: 70rpx;
  align-items: center;
  position: relative;
  border-width: 1rpx;
  border-style: solid;


}
.goods-search .ipt input{
  font-size: 28rpx;
  color: #333;
}
.goods-search .ipt input{
  font-size: 28rpx;
  color: #333;
}
.goods-search .textCenter{
  justify-content: center;
}

.search-input {
  flex: 1;
  color: #000 !important;
}

.search-btn {
  position: relative;
  flex-shrink: 0;
  justify-content: end;
  margin-left: 10px;
}
.search-btn > view{
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-btn .search-btn__local {
  border: none;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.search-btn .search-btn__all {
  border: none;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.svg-wrapper {
  display: flex;
  height: 100%;
  padding-left: 10px;
  align-items: center;
  margin: 0 20rpx;
}

.svg-divider {
  height: 10px;
  margin: 0 6px;
  border-right: 2px solid #bbb;
}

.scan-svg {
  width: 15px;
  height: 15px;
}

.hot_words_class {
  padding: 0 8px;
  margin-bottom: 10px;
  display: flex;
}

.hot_words_box {
  display: flex;
  justify-content: start;
  overflow: hidden;
  overflow-x: scroll;
  white-space: nowrap;
  text-align: center;
  margin-top: 10px;
}

.words_item {
  padding: 2px 8px;
  margin-right: 8px;
  color:#ffffff;
  font-size: 12px;
  background-color:rgba(255, 255, 255, 0.2);
  flex-shrink: 0;
  border-radius: 11px;
}