You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

125 lines
2.0 KiB

2 years ago
.wxSearch{
position: fixed;
top: 43px;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
z-index: 99
}
.wxSearchInner{
background-color: #fff;
}
.wxSearch-section{
background-color:#fff;
border-bottom: 3rpx solid #eee;
padding: 16rpx 20rpx;
position:fixed;
left:0;
top:0;
width:100%;
z-index:999;
height: 92rpx;
box-sizing: border-box;
}
.wxSearch-pancel{
display: block;
width: 100%;
position: relative;
}
.wxSearch-input{
padding: 10rpx 20rpx 10rpx 60rpx;
font-size: 26rpx;
border-radius:30rpx;
box-sizing: border-box;
height: 60rpx;
line-height: 40rpx;
width: 100%;
background-color: #fafafa;
}
.wxSearch-pancel .search-icon {
position: absolute;
top: 17rpx;
left: 20rpx;
width: 30rpx;
height: 30rpx;
}
.wxSearchTitle{
display: block;
padding: 10px 5px 5px 10px;
font-size: 12px;
}
.wxSearchMindKeyItem{
padding: 10px 5px;
border-bottom: 1px solid #eee;
display: flex;
font-size: 14px;
color: cornflowerblue;
}
.wxSearchKeyList{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content:center;
}
.wxSearchKeyItem{
flex: 0 0 25%;
font-size: 14px;
text-align: center;
border: 1px solid #eee;
margin: 5px auto;
width:70px;
height:30px;
line-height: 30px;
/* padding: 5px 10px; */
border-radius: 5px;
}
.wxSearchHistoryItem{
font-size:14px;
text-align:center;
border:1px solid #eee;
margin:5px 5px 5px 15px;
width:70px;
height:30px;
line-height:30px;
border-radius:5px;
}
.wxSearchHistoryItemText{
flex: 8;
font-size: 14px;
}
.wxSearchHistoryItemDel{
flex: 1;
font-size: 12px;
text-align: center;
padding: 3px 5px;
border: 1px solid #eee;
border-radius: 5px;
}
.wxSearchHistoryEmpty{
text-align: center;
height: 50px;
line-height: 50px;
font-size: 12px;
}
.wxSearchDeleteAllBtn{
margin-top:7px;
padding-right:15px;
padding-left:15px;
float: right;
}
.wxSearchHistoryList{
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:80%;
/* justify-content:center; */
}