123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166 |
- page {
- height: 100%;
- width: 100%;
- background: #f4f4f4;
- }
- .orders-switch {
- width: 100%;
- background: #fff;
- height: 84rpx;
- /* border-bottom: 1px solid rgba(0,0,0,.15); */
- }
- .orders-switch .item {
- display: inline-block;
- height: 82rpx;
- width: 18%;
- padding: 0 15rpx;
- text-align: center;
- }
- .orders-switch .item .txt {
- display: inline-block;
- height: 82rpx;
- padding: 0 20rpx;
- line-height: 82rpx;
- color: #9a9ba1;
- font-size: 30rpx;
- width: 170rpx;
- }
- .orders-switch .item.active .txt {
- color: #ab956d;
- border-bottom: 4rpx solid #ab956d;
- }
- .no-order {
- width: 100%;
- height: auto;
- margin: 0 auto;
- }
- .no-order .c {
- width: 100%;
- height: auto;
- margin-top: 400rpx;
- }
- .no-order .c text {
- margin: 0 auto;
- display: block;
- width: 258rpx;
- height: 29rpx;
- line-height: 29rpx;
- text-align: center;
- font-size: 29rpx;
- color: #999;
- }
- .orders {
- height: auto;
- width: 100%;
- overflow: hidden;
- }
- .order {
- margin-top: 20rpx;
- background: #fff;
- }
- .order .h {
- height: 83.3rpx;
- line-height: 83.3rpx;
- margin-left: 31.25rpx;
- padding-right: 31.25rpx;
- border-bottom: 1px solid #f4f4f4;
- font-size: 30rpx;
- color: #333;
- }
- .order .h .l {
- float: left;
- }
- .order .h .r {
- float: right;
- color: #b4282d;
- font-size: 24rpx;
- }
- .order .goods {
- display: flex;
- align-items: center;
- height: 199rpx;
- margin-left: 31.25rpx;
- }
- .order .goods .img {
- height: 145.83rpx;
- width: 145.83rpx;
- background: #f4f4f4;
- }
- .order .goods .img image {
- height: 145.83rpx;
- width: 145.83rpx;
- }
- .order .goods .info {
- height: 145.83rpx;
- flex: 1;
- padding-left: 20rpx;
- }
- .order .goods .name {
- margin-top: 30rpx;
- display: block;
- height: 44rpx;
- line-height: 44rpx;
- color: #333;
- font-size: 30rpx;
- }
- .order .goods .number {
- display: block;
- height: 37rpx;
- line-height: 37rpx;
- color: #666;
- font-size: 25rpx;
- }
- .order .goods .status {
- width: 105rpx;
- color: #b4282d;
- font-size: 25rpx;
- }
- .order .b {
- height: 103rpx;
- line-height: 103rpx;
- margin-left: 31.25rpx;
- padding-right: 31.25rpx;
- border-top: 1px solid #f4f4f4;
- font-size: 30rpx;
- color: #333;
- }
- .order .b .l {
- float: left;
- }
- .order .b .r {
- float: right;
- }
- .order .b .btn {
- margin-top: 19rpx;
- height: 64.5rpx;
- line-height: 64.5rpx;
- text-align: center;
- padding: 0 20rpx;
- border-radius: 5rpx;
- font-size: 28rpx;
- color: #fff;
- background: #b4282d;
- }
|