list.wxss 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. @charset "UTF-8";
  2. /***
  3. 全局scss 变量和方法 存放处
  4. */
  5. /* 引入minxin */
  6. /* 颜色变量 */
  7. /*图片地址*/
  8. /* 行为相关颜色 */
  9. /* 文字基本颜色 */
  10. /* 背景颜色 */
  11. /* 边框颜色 */
  12. /* 尺寸变量 */
  13. /* 文字尺寸 */
  14. /* 图片尺寸 */
  15. /* Border Radius */
  16. /* 水平间距 */
  17. /* 垂直间距 */
  18. /* 透明度 */
  19. /* 文章场景相关 */
  20. .app-content.data-v-38c230ac {
  21. min-height: calc(100vh - 200rpx);
  22. padding-top: 100rpx;
  23. padding-bottom: 100rpx;
  24. }
  25. .list-wrap.data-v-38c230ac {
  26. width: 100%;
  27. position: relative;
  28. background-color: #fff;
  29. }
  30. .list-wrap .list.data-v-38c230ac {
  31. display: -webkit-box;
  32. display: flex;
  33. display: -webkit-flex;
  34. -webkit-box-align: center;
  35. -webkit-align-items: center;
  36. align-items: center;
  37. -webkit-box-pack: start;
  38. -webkit-justify-content: flex-start;
  39. justify-content: flex-start;
  40. padding: 20rpx 30rpx;
  41. }
  42. .list-wrap .list .list-img.data-v-38c230ac {
  43. width: 300rpx;
  44. height: 168rpx;
  45. }
  46. .list-wrap .list .list-img ._img.data-v-38c230ac {
  47. height: 100% !important;
  48. }
  49. .list-wrap .list .list-right.data-v-38c230ac {
  50. width: calc(100% - 320rpx);
  51. color: #999999;
  52. margin-left: 20rpx;
  53. }
  54. .list-wrap .list .list-right > ._div.data-v-38c230ac {
  55. margin-top: 20rpx;
  56. }
  57. .list-wrap .list .list-right > ._div.data-v-38c230ac:first-child {
  58. margin-top: 0;
  59. }
  60. .list-wrap .list .list-right .list-option.data-v-38c230ac {
  61. display: -webkit-box;
  62. display: flex;
  63. display: -webkit-flex;
  64. -webkit-box-align: end;
  65. -webkit-align-items: flex-end;
  66. align-items: flex-end;
  67. -webkit-box-pack: justify;
  68. -webkit-justify-content: space-between;
  69. justify-content: space-between;
  70. }
  71. .app-footer.data-v-38c230ac {
  72. -webkit-box-pack: end;
  73. -webkit-justify-content: flex-end;
  74. justify-content: flex-end;
  75. }
  76. .app-footer .admin-button-com.data-v-38c230ac {
  77. width: 160rpx;
  78. margin-right: 30rpx;
  79. }