shopxo/sourcecode/toutiao/default/pages/goods-search/goods-search.ttss
2020-11-21 16:42:35 +08:00

100 lines
1.6 KiB
Plaintext
Executable File

/**
* 排序导航
*/
.nav-sort {
background: #eee;
}
.nav-sort-content .item {
height: 80rpx;
line-height: 80rpx;
width: 130rpx;
}
.nav-sort-content .item .icon {
width: 30rpx;
height: 30rpx;
}
.nav-sort-content .item text, .nav-sort-content .item image {
vertical-align:middle;
}
.screening-submit {
width: 50rpx;
height: 50rpx;
position: absolute;
top: 15rpx;
right: 20rpx;
}
/**
* 商品列表
*/
.scroll-box {
height: calc(100vh - 80rpx);
}
.data-list {
overflow: hidden;
}
.data-list .items {
width: calc(50% - 5rpx);
margin-bottom: 10rpx;
padding-bottom: 20rpx;
}
.data-list .items:nth-child(2n) {
float: right;
}
.data-list .items:nth-child(2n+1) {
float: left;
}
.data-list .items image {
width: 100%;
height: 200px !important;
}
.data-list .items .base {
text-align: left;
font-size: 32rpx;
padding: 0 15rpx;
}
.data-list .items .base,
.data-list .items .base .price {
margin-top: 15rpx;
}
/**
* 条件
*/
.popup-form {
height: 100vh;
}
.popup-form input {
font-size: 26rpx;
height: 60rpx;
line-height: 60rpx;
background: #fbfbfb;
border-radius: 6rpx;
padding: 0 6rpx;
}
.screening-price input {
width: calc(50% - 20px);
}
.screening-price .separator {
line-height: 50rpx;
}
.popup-form .item {
width: 480rpx;
padding: 0 20rpx;
margin-top: 20rpx;
}
.popup-form .item:not(:last-child) {
margin-bottom: 30rpx;
}
.popup-form .item .title {
margin-bottom: 10rpx;
font-size: 28rpx;
}
.popup-form .form-submit {
height: 80rpx;
line-height: 80rpx;
position: absolute;
left: 0;
bottom: 0;
border-radius: 0;
}