index.wxss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. .item {
  2. background: #fff;
  3. overflow: hidden;
  4. box-shadow: 0rpx 0rpx 40rpx 0rpx rgba(0, 0, 0, 0.05);
  5. border-radius: 20rpx;
  6. margin: 0rpx 20rpx;
  7. }
  8. .orderNum {
  9. height: 80rpx;
  10. font-size: 26rpx;
  11. color: #333;
  12. padding: 0 30rpx;
  13. border-bottom: 1rpx solid #efefef;
  14. display: flex;
  15. align-items: center;
  16. justify-content: space-between;
  17. }
  18. .orderNum .statusName {
  19. color: #be965a;
  20. font-weight: 500;
  21. }
  22. .orderNum .black {
  23. color: #aaa;
  24. }
  25. .spu {
  26. padding: 30rpx;
  27. display: flex;
  28. justify-content: flex-start;
  29. }
  30. .spu .goodsImg {
  31. width: 120rpx;
  32. margin-right: 20rpx;
  33. }
  34. .spu .goodsImg .img-class {
  35. width: 120rpx;
  36. height: 120rpx;
  37. }
  38. .spu .detail {
  39. margin-left: 20rpx;
  40. font-size: 24rpx;
  41. color: #aaa;
  42. }
  43. .spu .detail .spuName {
  44. color: #444;
  45. font-size: 28rpx;
  46. line-height: 28rpx;
  47. font-weight: 500;
  48. }
  49. .spu .detail .tips {
  50. line-height: 32rpx;
  51. width: 530rpx;
  52. margin-top: 16rpx;
  53. position: relative;
  54. }
  55. .spu .detail .tips .last {
  56. position: absolute;
  57. left: 240rpx;
  58. }
  59. .spu .detail .tips .price {
  60. color: #ff5344;
  61. font-size: 32rpx;
  62. }