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.

322 lines
5.1 KiB

3 years ago
/* pages/demandHall/index.wxss */
3 years ago
image{
border-radius: 8rpx;
}
3 years ago
.dmandhall-page{
padding-bottom: 130rpx;
min-height: 100vh;
font-size: 28rpx;
background: #F5F5F5;
}
.top-box{
width: 100%;
padding: 0 40rpx;
background: #fff;
}
.tab-item{
width: 162rpx;
height: 40rpx;
line-height: 40rpx;
text-align: center;
margin-right: 12rpx;
font-size: 28rpx;
color: #BFBFBF;
}
.tab-item-a{
font-size: 36rpx;
color: #FF5100;
}
.top-r-box image{
width: 36rpx;
height: 36rpx;
margin-left: 30rpx;
}
.resource-tabs{
width: 100%;
padding-top: 40rpx;
background: #fff;
border-bottom: 2rpx solid #EEEEEE;
}
.tab{
width: 162rpx;
padding: 26rpx 0;
font-size: 28rpx;
color: #BFBFBF;
position: relative;
}
.tab::after{
display: block;
content: '';
width: 50rpx;
height: 16rpx;
border-radius: 8rpx;
background: #FF5100;
position: absolute;
bottom: -8rpx;
left: 50%;
margin-left: -50rpx;
opacity: 0;
transform:scaleX(0);
transition: all .2s cubic-bezier(.18,.89,.17,.88),opacity .15s ease;
}
.tab-a{
color: #333;
}
.tab-a::after{
opacity: 1;
transform: scaleX(1);
}
.screen-box{
width: 100%;
height: 94rpx;
padding: 0 38rpx;
color: #666;
background: #fff;
}
.screen-result{
font-size: 28rpx;
color: #FF5100;
}
.screen image{
width: 27rpx;
height: 27rpx;
margin-left: 6rpx;
}
.resource-list{
width: 100%;
padding: 24rpx 40rpx;
}
.resource-item{
width: 100%;
min-height: 302rpx;
background: #fff;
border-radius: 12rpx;
padding: 20rpx;
margin-bottom: 20rpx;
position: relative;
}
.resource-item image{
width: 154rpx;
height: 154rpx;
margin-right: 20rpx;
}
.resource-info{
width: calc(100% - 170rpx);
}
.resource-item .title{
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
color: #1D1D1D;
}
.desc{
font-size: 24rpx;
color: #666666;
line-height: 34rpx;
}
.price{
color: #FF5100;
line-height: 40rpx;
font-weight: 600;
margin: 10rpx 0 40rpx;
}
.company-info{
color: #A7A7A7;
font-size: 24rpx;
}
.company-info text{
display: inline-block;
margin-right: 18rpx;
}
.tags-box{
margin: 6rpx 0 10rpx;
}
.tag-item{
width: 112rpx;
height: 36rpx;
display: inline-block;
line-height: 34rpx;
text-align: center;
font-size: 20rpx;
border: 1rpx solid #FFAA00;
color: #FFAA00;
border-radius: 4rpx;
margin-right: 8rpx;
}
.bgG{
border: 1rpx solid #3A9EFA;
color: #3A9EFA;
}
.bgO{
border: 1rpx solid #FC9367;
color: #FC9367;
}
.toMore-btn{
width: 164rpx;
height: 44rpx;
background: linear-gradient(141deg, #FFA782 0%, #FF6D31 100%);
border-radius: 8rpx;
font-size: 28rpx;
font-weight: bold;
line-height: 40rpx;
color: #FFFFFF;
text-align: center;
line-height: 44rpx;
position: absolute;
right: 20rpx;
bottom: 20rpx;
}
.anli-list{
font-size: 24rpx;
color: #666;
margin: 24rpx 0 20rpx;
}
.anli-item image{
3 years ago
width: 220rpx;
3 years ago
height: 136rpx;
3 years ago
margin-right: 8rpx;
3 years ago
}
.comment{
font-size: 20rpx;
color: #FF6D31;
}
.company-list-box{
width: 100%;
background: #fff;
}
.company-list{
width: 100%;
border-top: 2rpx solid #EEEEEE;
}
.company-item{
width: 100%;
padding: 40rpx;
border-bottom: 2rpx solid #EEEEEE;
}
.title-box .title{
width: 550rpx;
}
.title-box .price{
margin: 0;
}
.company-item .tags-box{
margin: 20rpx 0;
}
.btn-box{
margin-top: 20rpx;
font-size: 24rpx;
color: #707070;
}
.btn-box .toMore-btn{
position: static;
}
.mask-box{
width: 100%;
height: 100vh;
background: rgba(0,0,0,.6);
position:fixed;
3 years ago
top: 0;/* #ifdef H5 */
top: calc(88rpx + constant(safe-area-inset-top));
top: calc(88rpx + env(safe-area-inset-top));/* #endif */
3 years ago
left: 0;
3 years ago
z-index: 9999;
3 years ago
}
.screen-dialog-box{
width: 602rpx;
height: 100%;
3 years ago
/* padding-bottom: 160rpx; */
3 years ago
overflow-y: scroll;
background-color: #fff;
position: absolute;
top: 0;
right: 0rpx;
animation: move 200ms ease;
}
/* .move{
right: 0rpx;
} */
@keyframes move{
0%{
transform: translateX(800rpx);
}
100%{
transform: translateX(0rpx);
}
}
.screen-item{
width: 100%;
padding: 0 38rpx;
padding-bottom: 22rpx;
border-bottom: 2rpx solid #EEEEEE;
}
.screen-title{
font-size: 24rpx;
color: #000;
margin-bottom: 32rpx;
}
.screen-item{
padding-top: 40rpx;
}
.screen-item .item{
width: 162rpx;
height: 48rpx;
line-height: 48rpx;
text-align: center;
font-size: 24rpx;
color: #666666;
background: #F6F6F6;
border-radius: 4rpx;
margin-bottom: 20rpx;
margin-right: 20rpx;
}
.screen-item .item:nth-child(3n){
margin-right: 0;
}
3 years ago
.screen-item .item-active{
border: 2rpx solid #FF6E33;
color: #FE7D26;
background: #FDEFE6;
}
3 years ago
.across-line{
width: 44rpx;
height: 2rpx;
background: #ACABAB;
margin: 0 12rpx;
}
.low-price{
width: 228rpx;
height: 60rpx;
background: #F6F5F5;
border-radius: 4rpx;
}
.low-price input{
width: 100%;
height: 100%;
text-align: center;
}
.fz20{
font-size: 20rpx;
color: #393939;
}
.submit-box{
3 years ago
width: 602rpx;
3 years ago
height: 100rpx;
box-shadow: 2rpx 0px 12rpx rgba(0, 0, 0, 0.16);
3 years ago
position: fixed;
bottom: 0;
right: 0;
3 years ago
}
.submit-box .btn{
width: 50%;
height: 100%;
line-height: 100rpx;
text-align: center;
}
.submit-box .finish{
background: #FF660C;
color: #fff;
}