sadjv3/anmo-user/my/orderRevenueDetails/index.css

318 lines
5.3 KiB
CSS

/* 背景图片 */
.ciycle {
width: 100%;
height: 200px;
background-image: url("@/static/images/top.png");
background-size: 100%;
background-repeat: no-repeat;
}
#IntegralStatisticsBottom {
position: relative;
margin: auto;
padding-top: 10px;
}
.innerTopLeft {
width: 300px;
height: fit-content;
font-size: 30rpx;
display: flex;
justify-content: space-around;
padding-left: 10px;
}
.innerTopRight {
height: fit-content;
font-size: 30rpx;
display: flex;
justify-content: right;
color: #FFFFFF;
padding-right: 10px;
background-image: url(@/static/images/loadMoreToRight.png);
background-repeat: no-repeat;
background-position: right;
background-size: 9%;
margin-right: 11px;
}
.innerTop {
width: 100%;
height: fit-content;
display: flex;
justify-content: flex-start;
}
.innerBottomOfTop {
display: flex;
align-items: center;
padding-right: 5px;
}
.innerBottom {
width: 100%;
height: 200px;
margin: 14px 5px 14px 5px;
background-color: #FFFFFF;
border-radius: 10px;
padding: 10px;
}
.innerBottomOfBottom {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.IntegralClassify {
width: 100px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.IntegralClassify view:nth-child(1) {
font-size: 20px;
}
.IntegralClassifyInnerBottom {
margin-top: 10px;
}
.IntegralImport {
min-width: 140px;
height: 100px;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
margin-top: 10px;
font-size: 16px;
position: relative;
top: calc((100% - 100px) /2);
}
.totalIntegralNumber {
font-size: 24px;
font-weight: 600;
}
.isbOptions {
display: flex;
justify-content: space-around;
font-size: 36rpx;
font-weight: bold;
}
.optionsDetail {
display: flex;
flex-wrap: wrap;
flex-direction: column;
overflow: auto;
background-color: #FFFFFF;
border-radius: 10px;
margin: 0px 10px 10px 10px;
/* box-shadow: 2px 2px 15px 1px #b5b5b5; */
box-shadow: 4px 11px 15px 1px #b5b5b5;
}
.optionsDetailImport {
padding-left: 10px;
margin-top: 15px;
border-bottom: 1px solid;
}
.dateHeader {
font-weight: 550;
}
.dataDetail {
display: flex;
justify-content: space-around;
margin-top: 15px;
align-items: center;
}
.example-body {
background-color: #fff;
padding: 10px;
}
>>>.uni-date-editor--x {
display: none;
}
.activeTab {
color: #0aa86a;
background-color: #FFFFFF;
padding: 6px;
border-radius: 10px;
width: 60px;
text-align: center;
}
.defaultTab {
color: #FFFFFF;
padding: 6px;
width: 60px;
text-align: center;
}
.innerTopRightImport {
width: calc(100% - 200px);
display: flex;
justify-content: right;
align-items: center;
}
.storedIntegralTop {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 550;
}
.storedIntegralTopOfRight {
width: 100%;
display: flex;
justify-content: space-between;
margin-right: 20px;
align-items: center;
}
.storedIntegralTopOfRight view:nth-child(1) {
font-size: 20px;
margin-left: 5px;
}
.storedIntegralTopOfRight view:nth-child(2) {
font-size: 20px;
color: #e52c26;
}
.storedIntegralMiddle {
width: 100%;
margin-top: 28rpx;
}
.storedIntegralMiddle view {
color: gray;
margin-left: 6px;
}
.storedIntegralMiddle view:nth-child(2) {
margin-top: 10px;
}
.storedIntegralBottom {
margin-top: 28rpx;
padding-bottom: 15px;
margin-left: 3px;
font-weight: 600;
}
.withdrawalMoneyBtn {
width: 80%;
height: 40px;
border-radius: 20px;
font-size: 20px;
color: #FFFFFF;
background-color: #50b58d;
display: flex;
justify-content: center;
align-items: center;
margin-top: 12px;
}
.middleTop {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.line {
border: 1px solid #cacaca;
height: 80px;
}
.viewOrdersInfo {
display: flex;
justify-content: space-between;
}
.viewOrdersInfo view:nth-child(2) {
margin-right: 20px;
color: #007aff;
font-weight: 500;
font-size: 16px;
}
.ordersDetailMain {
margin: 10px 12px 20px 0px;
background-color: #f1f1f1;
border-radius: 10px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 15px;
}
.projectDetail {
display: flex;
flex-direction: column;
justify-content: center;
}
.detailTitle {
width: 100%;
height: 40px;
line-height: 40px;
font-size: 16px;
padding-left: 15px;
padding-right: 15px;
font-weight: 550;
}
.detailsLines {
width: 91%;
border-bottom: .1px solid #9d9d9d;
margin: auto;
}
.detailMain {
font-size: 16px;
display: flex;
justify-content: space-between;
padding-left: 15px;
padding-right: 15px;
color: #a9a9a9;
display: flex;
align-items: center;
margin: 5px 0px 5px 0px;
}
.warningFontXM {
color: #009660;
font-weight: 550;
}
.warningFontKF {
color: #be524a;
font-weight: 550;
}
.secondDetailTitle {
padding-top: 10px;
}
.couponMoney {
display: flex;
align-items: center;
}