detail.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. .tui-line-cell {
  2. width: 100%;
  3. box-sizing: border-box;
  4. display: flex;
  5. align-items: center;
  6. }
  7. .tui-title {
  8. font-size: 24rpx;
  9. line-height: 24rpx;
  10. flex-shrink: 0;
  11. }
  12. .tui-input {
  13. font-size: 24rpx;
  14. color: #333;
  15. padding-left: 20rpx;
  16. flex: 1;
  17. }
  18. .tui-label {
  19. font-size: 24rpx;
  20. color: #333;
  21. padding-left: 20rpx;
  22. flex: 1;
  23. }
  24. .phcolor{
  25. font-size: 24rpx;
  26. }
  27. .tui-btn-box {
  28. padding: 40rpx 50rpx;
  29. box-sizing: border-box;
  30. }
  31. .tui-mrbtm{
  32. margin: 0 5rpx;
  33. padding: 5rpx 8rpx !important;
  34. }
  35. .tui-goods-item {
  36. width: 100%;
  37. padding: 20rpx 30rpx;
  38. box-sizing: border-box;
  39. display: flex;
  40. justify-content: space-between;
  41. }
  42. .tui-goods-img {
  43. width: 180rpx;
  44. height: 180rpx;
  45. display: block;
  46. flex-shrink: 0;
  47. }
  48. .tui-goods-center {
  49. flex: 1;
  50. padding: 20rpx 8rpx;
  51. box-sizing: border-box;
  52. }
  53. .tui-goods-name {
  54. max-width: 310rpx;
  55. word-break: break-all;
  56. overflow: hidden;
  57. text-overflow: ellipsis;
  58. display: -webkit-box;
  59. -webkit-box-orient: vertical;
  60. -webkit-line-clamp: 2;
  61. font-size: 26rpx;
  62. line-height: 32rpx;
  63. }
  64. .tui-goods-attr {
  65. font-size: 22rpx;
  66. color: #888888;
  67. line-height: 32rpx;
  68. padding-top: 20rpx;
  69. word-break: break-all;
  70. overflow: hidden;
  71. text-overflow: ellipsis;
  72. display: -webkit-box;
  73. -webkit-box-orient: vertical;
  74. -webkit-line-clamp: 2;
  75. display: flex;
  76. }
  77. .tui-price-right {
  78. font-size: 24rpx;
  79. color: #888888;
  80. display: flex;
  81. justify-content: center;
  82. align-items:center;
  83. }