collect.wxss 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. page {
  2. padding-bottom: 32rpx;
  3. }
  4. .collect-container .van-empty {
  5. height: 100vh;
  6. background: #fff;
  7. }
  8. .collect-container .content .title {
  9. padding: 0 36rpx 0 24rpx;
  10. line-height: 80rpx;
  11. color: #50555F;
  12. }
  13. .collect-container .content .title .del-btn {
  14. margin-right: 24rpx;
  15. color: #D32D2F;
  16. }
  17. .collect-container .content .collect-scroll {
  18. height: calc(100vh - 112rpx);
  19. }
  20. .collect-container .content .collect-scroll .item {
  21. position: relative;
  22. padding: 40rpx 24rpx;
  23. }
  24. .collect-container .content .collect-scroll .item .van-checkbox__icon-wrap {
  25. margin-right: 24rpx;
  26. }
  27. .collect-container .content .collect-scroll .border::after {
  28. position: absolute;
  29. bottom: 0;
  30. left: 24rpx;
  31. content: '';
  32. width: calc(100% - 24rpx);
  33. height: 2rpx;
  34. background: rgba(110, 123, 143, 0.16);
  35. }
  36. .collect-container .content .collect-scroll .no-radio .van-checkbox__icon-wrap {
  37. display: none;
  38. }
  39. .collect-container .content .collect-scroll .item .van-checkbox__label {
  40. flex: 1;
  41. padding-left: 0;
  42. }
  43. .collect-container .content .collect-scroll .item image {
  44. width: 176rpx;
  45. height: 176rpx;
  46. border-radius: 8rpx;
  47. }
  48. .collect-container .content .collect-scroll .item .right {
  49. flex: 1;
  50. height: 176rpx;
  51. margin-left: 24rpx;
  52. line-height: 28rpx;
  53. font-size: 24rpx;
  54. color: #060606;
  55. }
  56. .collect-container .content .collect-scroll .item .right .name {
  57. line-height: 32rpx;
  58. font-size: 26rpx;
  59. color: #060606;
  60. }
  61. .collect-container .content .collect-scroll .item .right .price {
  62. line-height: 42rpx;
  63. font-size: 36rpx;
  64. font-family: DIN Alternate-Bold, DIN Alternate;
  65. font-weight: bold;
  66. }
  67. .collect-container .content .collect-scroll .item .right .price text {
  68. padding-right: 4rpx;
  69. line-height: 28rpx;
  70. font-size: 24rpx;
  71. }
  72. .collect-container .content .collect-scroll .item .right .btn {
  73. width: 160rpx;
  74. background: #D32D2F;
  75. border-radius: 60rpx;
  76. text-align: center;
  77. line-height: 48rpx;
  78. color: #fff;
  79. }