Files
doc-mini-app/pages/search/index.wxss
2024-08-22 22:30:52 +08:00

127 lines
1.7 KiB
Plaintext

page {
background: #f7f7f7;
}
.cont-box {
padding: 20rpx;
}
.dis-flex {
display: flex;
}
.search-input-box {
height: 64rpx;
}
.search-input {
width: 80%;
background: #fff;
border-radius: 10rpx 0 0 10rpx;
padding-left: 10rpx;
box-sizing: border-box;
overflow: hidden;
}
.search-box .left {
width: 60rpx;
}
.search-box .left icon {
padding: 18rpx;
}
.search-box .right {
flex: 1;
}
.search-input input {
font-size: 30rpx;
height: 64rpx;
line-height: 64rpx;
}
.serch-button {
width: 25%;
box-sizing: border-box;
}
.serch-button button {
color: #fff;
background: #3c8bf6;
width: 100%;
line-height: 64rpx;
height: 64rpx;
font-size: 28rpx;
border-radius: 0 10rpx 10rpx 0;
}
.title-box {
display: flex;
justify-content: space-between;
padding: 50rpx 0 0 0;
}
.title-box-title {
color: #777;
font-size: 28rpx;
}
.title-box-image {
width: 30rpx;
height: 30rpx;
}
.sale-button-box {
display: flex;
padding: 10rpx 0;
flex-flow: wrap;
overflow: hidden;
}
/* .seconds-kill-li {
padding: 10rpx;
box-sizing: border-box;
} */
.seconds-kill-li {
display: block;
padding: 10rpx;
box-sizing: border-box;
/* width: 33.3%; */
min-width: 33.3%;
float: left;
}
.recent-button {
background: #fff;
/* padding:10rpx 10rpx 10rpx 10rpx; */
padding-left: 15rpx;
padding-right: 15rpx;
color: #777;
border-radius: 50rpx;
justify-content: center;
text-align: center;
font-size: 26rpx;
border: 1rpx solid #eee;
overflow: hidden!important;
white-space: nowrap!important;
text-overflow: ellipsis!important;
height: 60rpx;
line-height: 60rpx;
}