174 lines
2.7 KiB
Plaintext
174 lines
2.7 KiB
Plaintext
/* packageI/searchPage/searchPage.wxss */
|
|
#searchPage {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.head {
|
|
width: 100%;
|
|
border-bottom: 1rpx solid #e4e4e4;
|
|
padding: 30rpx 30rpx 20rpx 36rpx;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.inpbox {
|
|
width: 606rpx;
|
|
height: 62rpx;
|
|
border-radius: 33rpx;
|
|
background: #f2f5f5;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.head text {
|
|
font-size: 28rpx;
|
|
margin-left: 22rpx;
|
|
}
|
|
|
|
.inpbox .iconfont {
|
|
margin-left: 34rpx;
|
|
margin-right: 43rpx;
|
|
}
|
|
|
|
.inpbox input {
|
|
flex: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.contenBox {
|
|
padding: 28rpx 30rpx 20rpx 34rpx;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.recent_top {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.recent_top text {
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.recent .head_top text {
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.recent_conten {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 25rpx;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.recent_lis {
|
|
padding: 5rpx 22rpx;
|
|
background-color: #f9f9f9;
|
|
border-radius: 25rpx;
|
|
margin-right: 20rpx;
|
|
margin-top: 25rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/* 搜素发现 */
|
|
.recent {
|
|
margin-bottom: 74rpx;
|
|
}
|
|
|
|
.discover_conten {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
}
|
|
|
|
.discover_lis {
|
|
padding: 5rpx 22rpx;
|
|
background: #f9f9f9;
|
|
border-radius: 25rpx;
|
|
margin-right: 20rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 28rpx;
|
|
margin-top: 25rpx;
|
|
}
|
|
|
|
.discover_lis .hot_logo_more {
|
|
color: #9b9b9b;
|
|
font-size: 24rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.hot {
|
|
color: #c23b38;
|
|
}
|
|
|
|
.hot_logo {
|
|
/* background-image: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/img/icon_hot@2x.png'); */
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
margin-left: 12rpx;
|
|
}
|
|
|
|
/* 热门搜索 */
|
|
.discover {
|
|
margin-bottom: 79rpx;
|
|
}
|
|
|
|
.popular_conten {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 25rpx;
|
|
}
|
|
|
|
.popular_left {
|
|
width: 90rpx;
|
|
height: 90rpx;
|
|
border-radius: 4rpx;
|
|
}
|
|
|
|
.popular_left image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.popular_right {
|
|
flex: 1;
|
|
margin-left: 19rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#searchPage {
|
|
font-family: 'PingFangSC-Medium';
|
|
}
|
|
|
|
.popular_right .title {
|
|
font-size: 28rpx;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
font-family: 'PingFangSC-Medium';
|
|
font-weight: 500;
|
|
}
|
|
|
|
.popular_right .detail {
|
|
font-size: 24rpx;
|
|
color: #9b9b9b;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|