orderTabs.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .order_item {
  2. font-size: 24rpx;
  3. margin-top: 15rpx;
  4. background: #fff;
  5. }
  6. .order_time {
  7. position: relative;
  8. display: flex;
  9. padding: 10rpx 15rpx;
  10. }
  11. .order_time::after {
  12. content: "";
  13. position: absolute;
  14. bottom: 0;
  15. right: 0;
  16. width: 100%;
  17. height: 2rpx;
  18. background: #d9d9d9;
  19. -webkit-transform: scaleY(0.5);
  20. transform: scaleY(0.5);
  21. }
  22. .order_time text {
  23. flex: 1;
  24. }
  25. .order_time text.state_desc, .order_price, .order_total, .order_handle {
  26. text-align: right;
  27. }
  28. .order_content {
  29. display: flex;
  30. position: relative;
  31. padding: 5rpx 15rpx;
  32. }
  33. .order_content::after {
  34. content: "";
  35. position: absolute;
  36. bottom: 0;
  37. right: 0;
  38. width: 100%;
  39. height: 2rpx;
  40. background: #d9d9d9;
  41. -webkit-transform: scaleY(0.5);
  42. transform: scaleY(0.5);
  43. }
  44. .order_info {
  45. width: 500rpx;
  46. padding-left: 15rpx;
  47. }
  48. .order_handle {
  49. margin-top: 8rpx;
  50. }
  51. .order_total {
  52. padding-right: 15rpx;
  53. padding-top: 15rpx;
  54. }
  55. .order_handle text {
  56. display: inline-block;
  57. color: grey;
  58. border: 1rpx solid grey;
  59. border-radius: 5rpx;
  60. padding: 0 10rpx;
  61. margin: 15rpx;
  62. font-size: 22rpx;
  63. }
  64. .goods_spec {
  65. font-size:20rpx;
  66. color:grey;
  67. margin-top:20rpx;
  68. display:inline-block;
  69. }
  70. .order_amount {
  71. color: #eb4e4f;
  72. }