You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
137 lines
3.1 KiB
137 lines
3.1 KiB
5 years ago
|
@charset "UTF-8";
|
||
|
|
.coin {
|
||
|
|
width: 100%;
|
||
|
|
height: 4.65rem;
|
||
|
|
background: #FFFFFF;
|
||
|
|
.coin-kind {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
padding: .2rem;
|
||
|
|
.coin-kind-img {
|
||
|
|
width: .72rem;
|
||
|
|
height: .72rem;
|
||
|
|
border-radius: 50%;
|
||
|
|
// background: linear-gradient(0deg, rgba(34, 140, 250, 1) 0%, rgba(5, 184, 211, 1) 100%);
|
||
|
|
// border: 3px solid #21365A;
|
||
|
|
img {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.coin-kind-txt {
|
||
|
|
font-size: .29rem;
|
||
|
|
color: #333333;
|
||
|
|
padding-left: .2rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.coin-item {
|
||
|
|
.coin-item-list {
|
||
|
|
width: 90%;
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
font-size: .24rem;
|
||
|
|
margin: 0 auto;
|
||
|
|
&:nth-child(3) {
|
||
|
|
border-bottom: 1px solid #F1F1F1;
|
||
|
|
padding-bottom: .1rem;
|
||
|
|
}
|
||
|
|
span {
|
||
|
|
padding: .1rem 0;
|
||
|
|
}
|
||
|
|
.coin-item-list-txt {
|
||
|
|
color: #333333;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.coin-item-list-num {
|
||
|
|
color: #999999;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//去交易样式
|
||
|
|
.transaction {
|
||
|
|
width: 100%;
|
||
|
|
background: #FFFFFF;
|
||
|
|
h3 {
|
||
|
|
font-size: .37rem;
|
||
|
|
font-weight: 500;
|
||
|
|
color: #333333;
|
||
|
|
padding: .3rem;
|
||
|
|
}
|
||
|
|
.transaction-data {
|
||
|
|
color: #999999;
|
||
|
|
background-color: initial;
|
||
|
|
.transaction-data-title {
|
||
|
|
padding-left: 5%;
|
||
|
|
padding-right: 5%;
|
||
|
|
padding-bottom: .1rem;
|
||
|
|
}
|
||
|
|
.transaction-data-record {
|
||
|
|
background-color: initial;
|
||
|
|
.mui-table-view-cell {
|
||
|
|
padding-left: 5%;
|
||
|
|
padding-right: 5%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.btn {
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
bottom: .3rem;
|
||
|
|
.btn-recharge,
|
||
|
|
.btn-withdraw, .btn-transfer{
|
||
|
|
width: 1.98rem;
|
||
|
|
height: .6rem;
|
||
|
|
background: linear-gradient(90deg, rgba(34, 140, 250, 1) 0%, rgba(4, 184, 211, 1) 98%);
|
||
|
|
border-radius: .08rem;
|
||
|
|
font-size: .27rem;
|
||
|
|
font-weight: 400;
|
||
|
|
color: #FFFFFF;
|
||
|
|
line-height: .6rem;
|
||
|
|
margin: 0 auto;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.btn-withdraw {
|
||
|
|
background: linear-gradient(90deg, rgba(255, 157, 0, 1) 0%, rgba(255, 205, 52, 1) 100%);
|
||
|
|
}
|
||
|
|
.btn-transfer {
|
||
|
|
background: #D43436;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.transaction {
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
top: 5.8rem;
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.record-contorol {
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
top: 1.4rem;
|
||
|
|
bottom: 0rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.record-contorol .mui-scroll-wrapper {
|
||
|
|
bottom: 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mui-table-view:before,
|
||
|
|
.mui-table-view:after {
|
||
|
|
height: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mui-pull-bottom-wrapper,
|
||
|
|
.mui-pull-loading {
|
||
|
|
background-color: #152136 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mui-active {
|
||
|
|
background-color: #EEEEEE !important;
|
||
|
|
}
|