123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596 |
- page {
- background: #F3F3F3;
- color: #333;
- }
- view,text{
- box-sizing: border-box;
- color:#333;
- font-size: 28rpx;
- }
- .van-tab--active view.van-ellipsis{
- color:#1677FF;
- }
- .ticket-list{
- margin:22rpx 24rpx 0;
- width:702rpx;
- }
- .ticket-item{
- background: #FFFFFF;
- border-radius: 18rpx;
- min-height:200rpx;
- margin-bottom:24rpx;
- padding:30rpx 24rpx 28rpx;
- }
- .ticket-top{
- margin-bottom:18rpx;
- height: 48rpx;
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
- .top-left,.top-right{
- height: 48rpx;
- display: flex;
- align-items: center;
- line-height: 48rpx;
- }
- .top-left image{
- width:34rpx;
- height: 34rpx;
- margin-right:10rpx;
- }
- .top-left view{
- font-size: 32rpx;
- }
- .top-right view{
- color: #09AFFF;
- font-size: 22rpx;
- }
- .top-right image{
- width:24rpx;
- height: 24rpx;
- margin-right:10rpx;
- }
- .ticket-content view{
- line-height: 48rpx;
- }
- .prorgress{
- height: 48rpx;
- display: flex;
- align-items: center;
- }
- .progress-dot{
- width: 10rpx;
- height: 10rpx;
- background: #09AFFF;
- border-radius: 10rpx;
- margin-right:8rpx;
- }
- .progress-tip{
- font-size: 16rpx;
- color:#999;
- line-height: 24rpx;
- padding-left:18rpx;
- }
- .ticket-bottom{
- height: 40rpx;
- display: flex;
- align-items: center;
- justify-content: flex-end;
- }
- .ticket-bottom view{
- color: #0EAEFC;
- line-height: 40rpx;
- }
- .ticket-bottom image{
- width:24rpx;
- height: 24rpx;
- margin-right:8rpx;
- }
- .no-order{
- text-align: center;
- line-height: 80rpx;
- font-size: 24rpx;
- color:#999
- }
|