图书馆小程序
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.

58 lines
1.5 KiB

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