index.rpx.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. .orderView{
  2. padding: 10rpx 10rpx;
  3. }
  4. .orderImgView{
  5. width: 180rpx;
  6. height: 180rpx;
  7. border-radius: 5rpx;
  8. overflow: hidden;
  9. }
  10. .orderImg{
  11. width: 180rpx;
  12. height: 180rpx;
  13. }
  14. .orderTitle{
  15. width: 400rpx;
  16. padding-left: 10rpx;
  17. }
  18. .goodsName{
  19. height: 28rpx;
  20. line-height: 28rpx;
  21. font-size: 28rpx;
  22. display: -webkit-box;
  23. -webkit-box-orient: vertical;
  24. -webkit-line-clamp: 1;
  25. overflow: hidden;
  26. text-overflow: ellipsis;
  27. }
  28. .specification{
  29. margin-top: 10rpx;
  30. height: 105rpx;
  31. line-height: 35rpx;
  32. font-size: 26rpx;
  33. display: -webkit-box;
  34. -webkit-box-orient: vertical;
  35. -webkit-line-clamp: 3;
  36. overflow: hidden;
  37. text-overflow: ellipsis;
  38. }
  39. .label{
  40. margin-top: 10rpx;
  41. height: 35rpx;
  42. line-height: 35rpx;
  43. font-size: 20rpx;
  44. border: 1rpx solid orangered;
  45. padding: 5rpx 10rpx;
  46. border-radius: 20rpx;
  47. }
  48. .priceAndNumber{
  49. width: 150rpx;
  50. }
  51. .price{
  52. font-size: 28rpx;
  53. text-align: right;
  54. }
  55. .number{
  56. font-size: 23rpx;
  57. text-align: right;
  58. }
  59. .buttonView{
  60. padding: 20rpx 0;
  61. }
  62. .button{
  63. height: 60rpx;
  64. font-size: 28rpx;
  65. line-height: 60rpx;
  66. padding: 0 20rpx;
  67. border-radius: 30rpx;
  68. margin-left: 10rpx;
  69. border: 1px solid #999999;
  70. }