BookItem.wxss 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. @charset "UTF-8";
  2. /**
  3. * 主题色配置
  4. * 默认在 uni.scss 全局引入:@import '@/theme.scss';
  5. * <script> 下使用主题变量:import x from '@/theme.scss';
  6. */
  7. .page {
  8. background-color: #f8f8f8;
  9. font-family: PingFangSC;
  10. }
  11. .safeAreaPad {
  12. padding-bottom: constant(safe-area-inset-bottom);
  13. padding-bottom: env(safe-area-inset-bottom);
  14. box-sizing: content-box;
  15. }
  16. .book-item {
  17. background: #FFFFFF;
  18. padding: 20rpx;
  19. margin-top: 20rpx;
  20. border-radius: 10rpx;
  21. }
  22. .book-item .tag-text {
  23. font-family: Source Han Sans CN;
  24. font-weight: 400;
  25. font-size: 24rpx;
  26. color: #FFFFFF;
  27. }
  28. .book-item .tzs {
  29. width: 91rpx;
  30. height: 30rpx;
  31. background: linear-gradient(263deg, #98E05F, #0DE3AC);
  32. border-radius: 2rpx;
  33. padding: 4rpx 10rpx;
  34. margin-right: 10rpx;
  35. }
  36. .book-item .kmdb {
  37. width: 117rpx;
  38. height: 30rpx;
  39. background: linear-gradient(263deg, #F7CB6B, #FBA980);
  40. border-radius: 2rpx;
  41. padding: 4rpx 10rpx;
  42. margin-right: 10rpx;
  43. }
  44. .book-item .book-info {
  45. display: flex;
  46. position: relative;
  47. }
  48. .book-item .book-info .book-cover {
  49. width: 140rpx;
  50. height: 196rpx;
  51. border-radius: 8rpx;
  52. }
  53. .book-item .book-info .book-detail {
  54. flex: 1;
  55. margin-left: 20rpx;
  56. display: flex;
  57. flex-direction: column;
  58. justify-content: space-between;
  59. }
  60. .book-item .book-info .book-detail :v-deep .u-number-input {
  61. background: #F9F9F9 !important;
  62. border-radius: 6rpx;
  63. }
  64. .book-item .book-info .book-detail .book-title {
  65. max-width: 400rpx;
  66. font-size: 28rpx;
  67. color: #333;
  68. line-height: 1.4;
  69. margin-bottom: 20rpx;
  70. display: -webkit-box;
  71. -webkit-box-orient: vertical;
  72. -webkit-line-clamp: 2;
  73. overflow: hidden;
  74. font-family: Source Han Sans CN;
  75. font-weight: 400;
  76. }
  77. .book-item .book-info .book-detail .book-price {
  78. font-family: Source Han Sans CN;
  79. font-weight: 400;
  80. font-size: 24rpx;
  81. color: #999999;
  82. }
  83. .book-item .book-info .delete-btn {
  84. position: absolute;
  85. right: 0;
  86. top: -10rpx;
  87. padding: 10rpx;
  88. }