图书馆小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

67 lines
1.7 KiB

2 weeks ago
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. .item-container.data-v-76e76896 {
  5. padding: 10px;
  6. background-color: #fff;
  7. border-radius: 6px;
  8. border-bottom: 1px solid #f4f4f4;
  9. margin-bottom: 10px;
  10. }
  11. .item-container .book-item-box.data-v-76e76896 {
  12. display: flex;
  13. justify-content: flex-start;
  14. align-items: flex-start;
  15. }
  16. .item-container .book-item-box .item-box-left.data-v-76e76896 {
  17. margin-right: 10px;
  18. }
  19. .item-container .book-item-box .item-box-left .img-item.data-v-76e76896 {
  20. width: 64px;
  21. height: 90px;
  22. border-radius: 5px;
  23. }
  24. .item-container .book-item-box .item-box-right.data-v-76e76896 {
  25. display: flex;
  26. flex-direction: column;
  27. justify-content: flex-start;
  28. flex: 1;
  29. }
  30. .item-container .book-item-box .item-box-right .item-title.data-v-76e76896 {
  31. font-size: 15px;
  32. font-weight: bold;
  33. color: #000;
  34. padding-bottom: 6px;
  35. }
  36. .item-container .book-item-box .item-box-right .item-author.data-v-76e76896,
  37. .item-container .book-item-box .item-box-right .item-publish.data-v-76e76896 {
  38. font-size: 12px;
  39. color: #191A1A;
  40. padding: 2px 4px;
  41. border-radius: 2px;
  42. background-color: #F4F6FC;
  43. }
  44. .item-container .book-item-box .item-box-right .item-author.data-v-76e76896 {
  45. margin-right: 6px;
  46. }
  47. .item-container .book-item-box .item-box-right .item-desc.data-v-76e76896 {
  48. font-size: 12px;
  49. color: #191A1A;
  50. padding-top: 8px;
  51. }
  52. .lending-info.data-v-76e76896 {
  53. display: flex;
  54. justify-content: space-between;
  55. align-items: center;
  56. padding: 10px 10px 10px 0;
  57. }
  58. .lending-info .lending-time.data-v-76e76896 {
  59. font-size: 12px;
  60. display: flex;
  61. flex-direction: column;
  62. justify-content: flex-start;
  63. line-height: 22px;
  64. }
  65. .lending-info .lending-status.data-v-76e76896 {
  66. height: 50px;
  67. }