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

251 lines
4.0 KiB
CSS

/* 背景图片 */
.ciycle {
width: 100%;
height: 200px;
background-image: url("@/static/images/top.png");
background-size: 100%;
background-repeat: no-repeat;
}
#IntegralStatisticsTop {
display: flex;
height: 220px;
border-radius: 10px;
margin: 0px 5px 14px 5px;
padding-top: 14px;
flex-wrap: wrap;
position: relative;
top: 14px;
}
#IntegralStatisticsBottom {
position: relative;
top: 20px;
}
.innerTopLeft {
width: 300px;
height: fit-content;
font-size: 16px;
display: flex;
justify-content: space-around;
padding-left: 10px;
}
.innerTopRight {
height: fit-content;
font-size: 16px;
display: flex;
justify-content: right;
padding-right: 10px;
}
.innerTop {
width: 100%;
height: fit-content;
display: flex;
justify-content: flex-start;
}
.innerBottomOfTop {
display: flex;
justify-content: flex-end;
align-items: center;
padding-right: 5px;
}
.innerBottom {
width: 100%;
height: 160px;
margin: 14px 5px 14px 5px;
background-color: #FFFFFF;
border-radius: 10px;
padding: 10px;
box-shadow: 2px 2px 15px 1px #b5b5b5;
}
.totalIntegral {
padding-left: 20px;
}
.innerBottomOfBottom {
height: 80px;
width: 100%;
display: flex;
justify-content: space-around;
margin-top: 15px;
}
.IntegralClassify {
width: 80px;
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 {
height: 30px;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
font-size: 20px;
}
.totalIntegralNumber {
padding-right: 20px;
font-size: 24px;
font-weight: 600;
}
.isbOptions {
display: flex;
justify-content: space-around;
font-size: 18px;
}
.optionsDetail {
display: flex;
flex-wrap: wrap;
flex-direction: column;
overflow: auto;
padding: 0px 10px 0px 10px;
background-color: #FFFFFF;
border-radius: 10px;
margin: 15px;
box-shadow: 2px 2px 15px 1px #b5b5b5;
}
.optionsDetailImport {
padding-left: 10px;
margin-top: 15px;
}
.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;
}
.bottomActiveTab {
color: #0aa86a;
}
.bottomDefaultTab {
color: #000000;
}
.innerTopRightImport {
width: calc(100% - 200px);
display: flex;
justify-content: right;
align-items: center;
color: #FFFFFF;
}
.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: #cd908e;
}
.storedIntegralMiddle {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 28rpx;
align-items: center;
}
.storedIntegralMiddle view:nth-child(1) {
margin-left: 3px;
}
.storedIntegralMiddleofRight {
margin-right: 19px;
}
.storedIntegralBottom {
margin-top: 28rpx;
padding-bottom: 15px;
margin-left: 3px;
}
.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;
background-image: linear-gradient(to bottom, #126c4f, #01a55b);
}
.optionsInfo {
padding: 6px 15px;
}