186 lines
3.7 KiB
SCSS
186 lines
3.7 KiB
SCSS
|
|
$themeColor: #FF7142;
|
|
.allDemanding{
|
|
padding: 10px 20px;
|
|
font-size: 32rpx;
|
|
.require{
|
|
color:red;
|
|
line-height:100rpx;
|
|
}
|
|
.at-input__container{
|
|
color:black;
|
|
font-weight: bold;
|
|
.at-input__input{
|
|
font-weight: normal
|
|
}
|
|
}
|
|
.page-section{
|
|
border-bottom: 1Px solid #d6e4ef;
|
|
|
|
.picker{
|
|
// padding: 24rpx 0;
|
|
.selected{
|
|
display: inline-block;
|
|
margin-left: 20%;
|
|
font-size: 32rpx
|
|
}
|
|
.date{
|
|
display: inline-block;
|
|
|
|
font-size: 32rpx
|
|
}
|
|
.title-box{
|
|
.title{
|
|
//color: #333;
|
|
margin-right:16rpx;
|
|
width:172rpx;
|
|
font-size:32rpx;
|
|
line-height:100px;
|
|
// vertical-align:middle;
|
|
text-align:left;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.input-box{
|
|
display: flex;
|
|
border-bottom: 1Px solid #d6e4ef;
|
|
}
|
|
|
|
}
|
|
.picker-box{
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
flex-direction: row;
|
|
.picker-wrapper{
|
|
flex:1 ;
|
|
}
|
|
}
|
|
.button-box{
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
flex-direction: row;
|
|
margin: 40px 0 0;
|
|
padding: 0 120px;
|
|
|
|
.button{
|
|
flex:1;
|
|
text-align: center;
|
|
|
|
|
|
// .button-s{
|
|
// // color:white;
|
|
// // font-size: 30px;
|
|
// // background:linear-gradient(to right, #FF9900, #FF7B00);
|
|
// // width: 150px;
|
|
// // margin:20px auto
|
|
// // background-color:$themeColor;
|
|
// // border:1PX solid $themeColor;
|
|
// }
|
|
|
|
// .button-b{
|
|
// width: 150px;
|
|
// background-color:#d9534f;
|
|
// border:1PX solid #d9534f;
|
|
// }
|
|
}
|
|
}
|
|
.demanding-box{
|
|
.demanding-info{
|
|
border: 1px solid #ddd;
|
|
border-radius: 3px;
|
|
box-shadow: 0 10px 10px #ddd;
|
|
margin-bottom: 20px;
|
|
font-size: 28rpx;
|
|
.header{
|
|
display: flex;
|
|
padding:20px 20px 5px;
|
|
border-bottom: 1px solid #F2F2F2;
|
|
.name{
|
|
margin-left: 10px;
|
|
flex:1
|
|
}
|
|
.others{
|
|
flex:1;
|
|
text-align: right;
|
|
.cate{
|
|
color:#2196F3
|
|
}
|
|
.watch{
|
|
padding-left: 10px;
|
|
}
|
|
}
|
|
}
|
|
.body{
|
|
display: flex;
|
|
border-bottom: 1px solid #F2F2F2;
|
|
padding:10px 0;
|
|
|
|
.image-container{
|
|
margin:0 10px;
|
|
flex:1;
|
|
height: 220rpx;
|
|
width: 250rpx
|
|
|
|
}
|
|
.detail{
|
|
flex:2;
|
|
position: relative;
|
|
padding-right: 20px;
|
|
.title{
|
|
font-weight: bold;
|
|
text-overflow:ellipsis;
|
|
height:50px;
|
|
white-space:nowrap;
|
|
width:400px;
|
|
overflow:hidden;
|
|
}
|
|
.para{
|
|
text-overflow:ellipsis;
|
|
//height:300px;
|
|
white-space:nowrap;
|
|
width:400px;
|
|
overflow:hidden;
|
|
|
|
}
|
|
.button{
|
|
position: absolute;
|
|
bottom: 0px;
|
|
right:20px;
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
.footer{
|
|
display: flex;
|
|
margin:20px;
|
|
color:#999;
|
|
font-size: 25rpx;
|
|
.location{
|
|
flex:1
|
|
}
|
|
.time{
|
|
flex:1
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
.button{
|
|
.at-button--primary{
|
|
background-color:$themeColor;
|
|
border:1PX solid $themeColor;
|
|
}
|
|
|
|
}
|
|
.pagination-box{
|
|
margin: 50px 0;
|
|
}
|
|
.input-index--at-input__title{
|
|
font-weight: bold
|
|
}
|