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.

787 lines
6.5 KiB

3 years ago
3 years ago
/* pages/demandHall/index.wxss */
3 years ago
image{
border-radius: 8rpx;
}
3 years ago
.dmandhall-page{
padding-bottom: 210rpx;
3 years ago
min-height: 100vh;
font-size: 28rpx;
background: #F5F5F5;
}
.top-box{
width: 100%;
padding: 16rpx 0;
3 years ago
background: #fff;
position: fixed;
top: 0;
z-index: 99;
}
.top-l-box{
padding-left: 40rpx;
3 years ago
}
.tab-item{
width: 162rpx;
height: 40rpx;
line-height: 40rpx;
text-align: center;
margin-right: 12rpx;
font-size: 28rpx;
color: #BFBFBF;
3 years ago
font-weight: 500;
3 years ago
}
.tab-item-a{
font-size: 36rpx;
color: #FF5100;
}
.top-r-box image{
width: 36rpx;
height: 36rpx;
margin-left: 30rpx;
}
.resource-tabs{
width: 100%;
3 years ago
padding-top: 10rpx;
3 years ago
background: #fff;
border-bottom: 2rpx solid #EEEEEE;
}
.tab{
width: 162rpx;
padding: 26rpx 0;
font-size: 28rpx;
color: #BFBFBF;
position: relative;
3 years ago
font-weight: 500;
3 years ago
}
.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;
3 years ago
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transition: all .2s ease,opacity .15s ease;
transition: all .2s ease,opacity .15s ease;
3 years ago
}
.tab-a{
color: #333;
}
.tab-a::after{
opacity: 1;
3 years ago
-webkit-transform: scaleX(1);
transform: scaleX(1);
3 years ago
}
.no-more{
text-align: center;
line-height: 38rpx;
font-size: 28rpx;
color: #9C9C9C;
}
3 years ago
.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: 290rpx 40rpx 24rpx;
3 years ago
}
.resource-item{
width: 100%;
min-height: 302rpx;
background: #fff;
border-radius: 12rpx;
padding: 20rpx;
margin-bottom: 20rpx;
position: relative;
}
3 years ago
.logo-box{
3 years ago
width: 154rpx;
height: 154rpx;
margin-right: 20rpx;
3 years ago
position: relative;
}
.logo-box image{
width: 100%;
height: 100%;
}
.tips-item {
padding: 2rpx 6rpx;
line-height: 28rpx;
font-size: 20rpx;
color: #fff;
background: rgba(255, 81, 0, 0.63);
border-radius: 8rpx;
margin-right: 14rpx;
position: absolute;
top: 4rpx;
left: 4rpx;
}
.bg2 {
background: rgba(255, 170, 0, 0.63);
3 years ago
}
.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;
3 years ago
border: 2rpx solid #FFAA00;
3 years ago
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;
3 years ago
background: -webkit-linear-gradient(309deg, #FFA782 0%, #FF6D31 100%);
3 years ago
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;
top: 0;
3 years ago
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;
3 years ago
-webkit-animation: move 200ms ease;
animation: move 200ms ease;
3 years ago
}
/* .move{
right: 0rpx;
} */
3 years ago
@-webkit-keyframes move{
0%{
-webkit-transform: translateX(800rpx);
transform: translateX(800rpx);
}
100%{
-webkit-transform: translateX(0rpx);
transform: translateX(0rpx);
}
}
3 years ago
@keyframes move{
3 years ago
0%{
-webkit-transform: translateX(800rpx);
transform: translateX(800rpx);
}
100%{
-webkit-transform: translateX(0rpx);
transform: translateX(0rpx);
}
3 years ago
}
.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;
3 years ago
}