Initial Commit
This commit is contained in:
246
pages/my/my_wallet/my_wallet.wxss
Normal file
246
pages/my/my_wallet/my_wallet.wxss
Normal file
@ -0,0 +1,246 @@
|
||||
/* pages/my/my_bill/my_bill.wxss */
|
||||
.all {
|
||||
width: 690rpx;
|
||||
padding: 0 30rpx;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 100%;
|
||||
height: 90rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.title-l {
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.title-r {
|
||||
font-size: 24rpx;
|
||||
letter-spacing: 1rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.title-r image {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
}
|
||||
|
||||
.t-type__all {
|
||||
width: 150rpx;
|
||||
border-radius: 10rpx;
|
||||
border: solid 1rpx #e5e5e5;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 90rpx;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.t-type {
|
||||
height: 54rpx;
|
||||
line-height: 54rpx;
|
||||
text-align: center;
|
||||
font-size: 24rpx;
|
||||
letter-spacing: 1rpx;
|
||||
color: #333333;
|
||||
border-bottom: solid 1rpx #e5e5e5;
|
||||
}
|
||||
.t-type__active{
|
||||
color: #ee7b1e;
|
||||
}
|
||||
|
||||
.t-type:first-child {
|
||||
border-radius: 10rpx 10rpx 0 0;
|
||||
}
|
||||
|
||||
.t-type:last-child {
|
||||
border-radius: 0 0 10rpx 10rpx;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.cont{
|
||||
margin: 0 auto 30rpx;
|
||||
width: 690rpx;
|
||||
border-radius: 40rpx;
|
||||
border: solid 1rpx #eeeeee;
|
||||
padding: 30rpx 30rpx 40rpx 30rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.cont-l{
|
||||
width: 380rpx;
|
||||
}
|
||||
.content{
|
||||
font-size:30rpx;
|
||||
color: #333333;
|
||||
margin: 0rpx 0 20rpx;
|
||||
width: 400rpx;
|
||||
}
|
||||
.number{
|
||||
margin-bottom: 15rpx;
|
||||
font-size: 20rpx;
|
||||
color: #999999;
|
||||
}
|
||||
.time{
|
||||
font-size: 20rpx;
|
||||
color: #999999;
|
||||
}
|
||||
.cont-r{
|
||||
width:250rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-content: flex-end;
|
||||
text-align: right;
|
||||
}
|
||||
.type{
|
||||
font-size:36rpx;
|
||||
color: #333333;
|
||||
width:250rpx;
|
||||
}
|
||||
.type_1{
|
||||
color: #f31717;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.state{
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
margin-top: 30rpx;
|
||||
width:250rpx;
|
||||
}
|
||||
.cont-r .state_2{
|
||||
color: #f31717;
|
||||
}
|
||||
|
||||
|
||||
.empty{
|
||||
font-size: 28rpx;
|
||||
letter-spacing: 3rpx;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
margin: 150rpx 0;
|
||||
}
|
||||
|
||||
|
||||
.top{
|
||||
width: 750rpx;
|
||||
padding: 50rpx 0rpx 0rpx;
|
||||
}
|
||||
.top-c{
|
||||
margin: 0 30rpx;
|
||||
width: 690rpx;
|
||||
height: 242rpx;
|
||||
border-radius: 20rpx;
|
||||
margin: 0 auto;
|
||||
padding-top: 50rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.c-1{
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.c-2{
|
||||
font-size: 60rpx;
|
||||
color: #333333;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.c-3{
|
||||
width: 160rpx;
|
||||
height: 56rpx;
|
||||
line-height: 56rpx;
|
||||
background-color: #f36e17;
|
||||
border-radius: 28rpx;
|
||||
font-size: 32rpx;
|
||||
color: #ffffff;
|
||||
margin: 20rpx auto 0;
|
||||
}
|
||||
.c-4{
|
||||
width: 160rpx;
|
||||
height: 56rpx;
|
||||
line-height: 56rpx;
|
||||
background-color: #999999;
|
||||
border-radius: 28rpx;
|
||||
font-size: 32rpx;
|
||||
color: #ffffff;
|
||||
margin: 20rpx auto 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.type_tf{
|
||||
width: 750rpx;
|
||||
height: 100rpx;
|
||||
background-image: linear-gradient(267deg,
|
||||
#ffffff 50%,
|
||||
#fefefe 100%);
|
||||
border-radius: 20rpx;
|
||||
padding: 0 50rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.type_tf1{
|
||||
font-size: 30rpx;
|
||||
color: #999999;
|
||||
line-height: 100rpx;
|
||||
position: relative;
|
||||
width: 170rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.type_tf_xz{
|
||||
position: absolute;
|
||||
width: 140rpx;
|
||||
height: 4rpx;
|
||||
background-color: #ee7b1e;
|
||||
bottom: 0;
|
||||
left: 15rpx;
|
||||
}
|
||||
.type__xz{
|
||||
font-size: 36rpx;
|
||||
color: #ee7b1e;
|
||||
}
|
||||
|
||||
|
||||
.fx{
|
||||
width: 690rpx;
|
||||
padding: 0 30rpx;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
.fx_title{
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
line-height: 100rpx;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.fx_cont{
|
||||
margin: 0 auto 30rpx;
|
||||
width: 690rpx;
|
||||
border-radius: 40rpx;
|
||||
border: solid 1rpx #eeeeee;
|
||||
padding: 30rpx 30rpx 40rpx 30rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.fxc_title{
|
||||
font-size: 30rpx;
|
||||
color: #333333;
|
||||
margin-bottom: 45rpx;
|
||||
}
|
||||
.fxc_l{
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
}
|
||||
.fxc_time{
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.fxc_fr{
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
text-align: right;
|
||||
}
|
||||
.fxc_price{
|
||||
font-size: 36rpx;
|
||||
color: #ee7b1e;
|
||||
text-align: right;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.fxc_price text{
|
||||
font-size: 24rpx;
|
||||
}
|
Reference in New Issue
Block a user