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

148 lines
2.7 KiB
SCSS
Raw Normal View History

2019-01-03 17:36:59 +08:00
$themeColor:#FF7142;
.button-orange, .button-dark-red,.button-green{
font-size:28rpx;
}
2019-01-03 17:36:59 +08:00
.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{
2019-01-04 17:33:38 +08:00
font-weight: normal;
2019-01-03 17:36:59 +08:00
display: inline-block;
2019-01-04 17:33:38 +08:00
margin-left: 20%;
2019-01-03 17:36:59 +08:00
font-size: 32rpx
}
2019-01-04 17:33:38 +08:00
.date{
margin-left: 0%
}
2019-01-03 17:36:59 +08:00
.title-box{
2019-01-04 17:33:38 +08:00
line-height:100rpx;
font-weight: bold;
2019-01-03 17:36:59 +08:00
.title{
//color: #333;
line-height:100rpx;
margin-right:16rpx;
width:172rpx;
font-size:32rpx;
vertical-align:middle;
text-align:left;
font-weight: bold;
}
2019-01-04 17:33:38 +08:00
.first-col{
font-weight: normal;
margin-left: 10%
}
.second-col{
font-weight: normal;
display: inline-block;
margin-left: 10%
}
2019-01-03 17:36:59 +08:00
}
}
}
.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;
2019-01-03 17:36:59 +08:00
.button{
2019-01-03 17:36:59 +08:00
text-align: center;
.button-orange,.button-green,.button-dark-red{
font-size: 27rpx
}
2019-01-14 17:04:08 +08:00
}
2019-01-03 17:36:59 +08:00
}
2019-01-04 17:33:38 +08:00
2019-01-03 17:36:59 +08:00
.pagination-box{
margin: 50px 0;
}
.info-box{
2019-01-04 17:33:38 +08:00
2019-01-03 17:36:59 +08:00
.needs-box{
margin-top: 10px;
2019-01-10 17:36:45 +08:00
border: 3rpx solid #ddd;
2019-01-03 17:36:59 +08:00
margin-bottom: 8px;
box-shadow: 0 8px 8px #ddd;
padding: 10px;
2019-01-10 17:36:45 +08:00
font-size: 25rpx;
padding-bottom:0px;
2019-01-03 17:36:59 +08:00
.box{
margin-top: 10px;
2019-01-10 17:36:45 +08:00
2019-01-04 17:33:38 +08:00
}
.needs-title{
.content{
color:#337ab7
}
2019-01-03 17:36:59 +08:00
}
.info-button-box{
margin: 20px 0 0 0;
border-top: 1px solid #ddd;
2019-01-04 17:33:38 +08:00
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content:flex-end;
2019-01-03 17:36:59 +08:00
.button{
// flex:1;
text-align: right;
2019-01-10 17:36:45 +08:00
margin:0 1% 0;
.button-orange,.button-green,.button-dark-red{
font-size: 27rpx
}
2019-01-03 17:36:59 +08:00
}
2019-01-10 17:36:45 +08:00
}
2019-01-03 17:36:59 +08:00
}}
2019-01-04 17:33:38 +08:00
.nomore{
text-align: center;
2019-01-10 17:36:45 +08:00
font-size: 25rpx;
2019-01-04 17:33:38 +08:00
}