cf-wx-app/src/pages/myNeeds/myNeeds.scss

148 lines
2.7 KiB
SCSS

$themeColor:#FF7142;
.button-orange, .button-dark-red,.button-green{
font-size:28rpx;
}
.myNeeds{
padding: 10px 20px;
font-size: 32rpx;
.require{
color:red;
line-height:100rpx;
}
.total{
text-align: right;
margin: 20px;
.count{
color:red;
}
}
.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{
font-weight: normal;
display: inline-block;
margin-left: 20%;
font-size: 32rpx
}
.date{
margin-left: 0%
}
.title-box{
line-height:100rpx;
font-weight: bold;
.title{
//color: #333;
line-height:100rpx;
margin-right:16rpx;
width:172rpx;
font-size:32rpx;
vertical-align:middle;
text-align:left;
font-weight: bold;
}
.first-col{
font-weight: normal;
margin-left: 10%
}
.second-col{
font-weight: normal;
display: inline-block;
margin-left: 10%
}
}
}
}
.input-box{
display: flex;
border-bottom: 1Px solid #d6e4ef;
}
}
.picker-box{
display: flex;
flex-wrap: nowrap;
flex-direction: row;
.picker-container{
flex:1
}
}
.button-box{
display: flex;
flex-wrap: nowrap;
flex-direction: row;
margin: 40px 0;
justify-content:space-around;
.button{
text-align: center;
.button-orange,.button-green,.button-dark-red{
font-size: 27rpx
}
}
}
.pagination-box{
margin: 50px 0;
}
.info-box{
.needs-box{
margin-top: 10px;
border: 3rpx solid #ddd;
margin-bottom: 8px;
box-shadow: 0 8px 8px #ddd;
padding: 10px;
font-size: 25rpx;
padding-bottom:0px;
.box{
margin-top: 10px;
}
.needs-title{
.content{
color:#337ab7
}
}
.info-button-box{
margin: 20px 0 0 0;
border-top: 1px solid #ddd;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content:flex-end;
.button{
// flex:1;
text-align: right;
margin:0 1% 0;
.button-orange,.button-green,.button-dark-red{
font-size: 27rpx
}
}
}
}}
.nomore{
text-align: center;
font-size: 25rpx;
}