Home Explore Help
Register Sign In
Kirin
/
kpyk
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 683c689e63
Branches Tags
kpyk
/
view
/
pages
/
order_details
/
index.wxss

index.wxss 4.5 KB
History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 
  1. .order-details .header{padding:0 30rpx;height:150rpx;}
    2. 

  2. .order-details .header.on{background-color:#666!important;}
    3. 

  3. .order-details .header .pictrue{width:110rpx;height:110rpx;}
    4. 

  4. .order-details .header .pictrue image{width:100%;height:100%;}
    5. 

  5. .order-details .header .data{color:rgba(255,255,255,0.8);font-size:24rpx;margin-left:27rpx;}
    6. 

  6. .order-details .header .data.on{margin-left:0;}
    7. 

  7. .order-details .header .data .state{font-size:30rpx;font-weight:bold;color:#fff;margin-bottom:7rpx;}
    8. 

  8. .order-details .header .data .time{margin-left:20rpx;}
    9. 

  9. .order-details .nav{background-color:#fff;font-size:26rpx;color:#282828;padding:25rpx 0;}
    10. 

  10. .order-details .nav .navCon{padding:0 40rpx;}
    11. 

  11. .order-details .nav .on{color: #e93323;}
    12. 

  12. .order-details .nav .progress{padding:0 65rpx;margin-top:10rpx;}
    13. 

  13. .order-details .nav .progress .line{width:100rpx;height:2rpx;background-color:#939390;}
    14. 

  14. .order-details .nav .progress .iconfont{font-size:25rpx;color:#939390;margin-top:-2rpx;}
    15. 

  15. .order-details .address{font-size:26rpx;color:#868686;background-color:#fff;margin-top:13rpx;padding:35rpx 30rpx;}
    16. 

  16. .order-details .address .name{font-size:30rpx;color:#282828;margin-bottom:15rpx;}
    17. 

  17. .order-details .address .name .phone{margin-left:40rpx;}
    18. 

  18. .order-details .line{width:100%;height:3rpx;}
    19. 

  19. .order-details .line image{width:100%;height:100%;display:block;}
    20. 

  20. .order-details .wrapper{background-color:#fff;margin-top:12rpx;padding:30rpx;}
    21. 

  21. .order-details .wrapper .item{font-size:28rpx;color:#282828;}
    22. 

  22. .order-details .wrapper .item~.item{margin-top:20rpx;}
    23. 

  23. .order-details .wrapper .item .conter{color:#868686;width:460rpx;text-align:right;}
    24. 

  24. .order-details .wrapper .item .conter .copy{font-size:20rpx;color:#333;border-radius:3rpx;border:1rpx solid #666;padding:3rpx 15rpx;margin-left:24rpx;}
    25. 

  25. .order-details .wrapper .actualPay{border-top:1rpx solid #eee;margin-top:30rpx;padding-top:30rpx;}
    26. 

  26. .order-details .wrapper .actualPay .money{font-weight:bold;font-size:30rpx;}
    27. 

  27. .order-details .footer{width:100%;height:100rpx;position:fixed;bottom:0;left:0;background-color:#fff;padding:0 30rpx;box-sizing:border-box;}
    28. 

  28. .order-details .footer .bnt{width:158rpx;height:60rpx;text-align:center;line-height:60rpx;border-radius:50rpx;color:#fff;font-size:27rpx;}
    29. 

  29. .order-details .footer .bnt.cancel{color:#aaa;border:1rpx solid #ddd;}
    30. 

  30. .order-details .footer .bnt~.bnt{margin-left:18rpx;}
    31. 

  31. .order-details .writeOff {background-color: #fff;margin-top: 13rpx;padding-bottom: 30rpx;}
    32. 

  32. .order-details .writeOff .title {font-size: 30rpx;color: #282828;height: 87rpx;
    33. 

  33.   border-bottom: 1px solid #f0f0f0;padding: 0 30rpx;line-height: 87rpx;}
    34. 

  34. .order-details .writeOff .grayBg {background-color: #f2f5f7;width: 590rpx;height: 384rpx;
    35. 

  35.   border-radius: 20rpx 20rpx 0 0;margin: 50rpx auto 0 auto;padding-top: 55rpx;}
    36. 

  36. .order-details .writeOff .grayBg .pictrue {width: 290rpx;height: 290rpx;margin: 0 auto;}
    37. 

  37. .order-details .writeOff .grayBg .pictrue image {width: 100%;height: 100%;display: block;}
    38. 

  38. .order-details .writeOff .gear {width: 590rpx;height: 30rpx;margin: 0 auto;}
    39. 

  39. .order-details .writeOff .gear image {width: 100%;height: 100%;display: block;}
    40. 

  40. .order-details .writeOff .num {background-color: #f0c34c;width: 590rpx;height: 84rpx;
    41. 

  41.   color: #282828;font-size: 48rpx;margin: 0 auto;border-radius: 0 0 20rpx 20rpx;
    42. 

  42.   text-align: center;padding-top: 4rpx;}
    43. 

  43. .order-details .writeOff .rules {margin: 46rpx 30rpx 0 30rpx;border-top: 1px solid #f0f0f0;
    44. 

  44.   padding-top: 10rpx;}
    45. 

  45. .order-details .writeOff .rules .item {margin-top:20rpx;}
    46. 

  46. .order-details .writeOff .rules .item .rulesTitle {font-size: 28rpx;color: #282828;}
    47. 

  47. .order-details .writeOff .rules .item .rulesTitle .iconfont {font-size: 30rpx;color: #333;
    48. 

  48.   margin-right: 8rpx;margin-top: 5rpx;}
    49. 

  49. .order-details .writeOff .rules .item .info {font-size: 28rpx;color: #999;margin-top:7rpx;}
    50. 

  50. .order-details .writeOff .rules .item .info .time {margin-left: 20rpx;}
    51. 

  51. .order-details .map {height: 86rpx;font-size: 30rpx;color: #282828;line-height: 86rpx;
    52. 

  52.   border-bottom: 1px solid #f0f0f0;margin-top: 13rpx;background-color: #fff;
    53. 

  53.   padding: 0 30rpx;}
    54. 

  54. .order-details .map .place {font-size: 26rpx;width: 176rpx;height: 50rpx;border-radius: 25rpx;line-height: 50rpx;text-align: center;}
    55. 

  55. .order-details .map .place .iconfont {font-size: 27rpx;height: 27rpx;line-height: 27rpx;
    56. 

  56.   margin: 2rpx 3rpx 0 0;}
    57. 

  57. .order-details .address .name .iconfont {font-size: 34rpx;margin-left: 10rpx;}
    58. 

  58. .order-details .contactCustomer{width:100%;height:86rpx;font-size:30rpx;text-align:center;line-height:86rpx;background-color:#fff;}
    59. 

  59. .order-details .contactCustomer .iconfont{font-size:34rpx;margin-right: 14rpx;}
    60.