home.wxss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. .home-container {
  2. /* height: 100%; */
  3. display: flex;
  4. flex-direction: column;
  5. align-items: center;
  6. justify-content: space-between;
  7. box-sizing: border-box;
  8. }
  9. /* 轮播 */
  10. .home-lunbo {
  11. border: 1px solid #d9d9d9;
  12. width: 90%;
  13. height: 350rpx;
  14. background: #d9d9d9;
  15. border-radius: 5px;
  16. }
  17. /* banner图片 */
  18. .home-lunbo-banner {
  19. width: 100%;
  20. height: 350rpx;
  21. border-radius: 5px;
  22. }
  23. /* 列表 */
  24. .list {
  25. /* border: 1px solid #000; */
  26. width: 85%;
  27. display: flex;
  28. justify-content: space-evenly;
  29. margin-top: 20rpx;
  30. }
  31. .list-box {
  32. display: block;
  33. border: 0;
  34. }
  35. .list-box-img {
  36. width: 100rpx;
  37. height: 100rpx;
  38. }
  39. .list-box-txt {
  40. font-size: 12px;
  41. text-align: center;
  42. color: #5f5f5f;
  43. font-weight: 500;
  44. }
  45. /* 识别 */
  46. .home-shibie {
  47. /* border: 1px solid #000; */
  48. height: 130rpx;
  49. margin-top: 20rpx;
  50. width: 90%;
  51. }
  52. .home-shibie image {
  53. height: 140rpx;
  54. width: 100%;
  55. }
  56. /* 分割线 */
  57. .home-line {
  58. border: 1px solid #f5f5f5;
  59. width: 100%;
  60. margin-top: 20rpx;
  61. height: 10rpx;
  62. background: #f5f5f5;
  63. }
  64. /* 产品推荐 */
  65. .home-referrer {
  66. border-bottom: 1px solid #f5f5f5;
  67. width: 100%;
  68. margin-top: 20rpx;
  69. padding-bottom: 20rpx;
  70. }
  71. .home-referrer-img {
  72. width: 35rpx;
  73. height: 35rpx;
  74. margin-left: 20rpx;
  75. vertical-align:middle;
  76. }
  77. .home-referrer-txt {
  78. color: #4a4a4a;
  79. font-size: 13px;
  80. font-weight: 600;
  81. padding: 0 0 0 20rpx;
  82. }
  83. /* 商品展示 */
  84. .home-show {
  85. /* border: 1px solid #000; */
  86. width: 100%;
  87. display: flex;
  88. flex-wrap: wrap;
  89. }
  90. .home-show-box {
  91. /* border: 1px solid #000; */
  92. /* width: 45%; */
  93. margin: 10rpx auto;
  94. }
  95. .home-show-box-img {
  96. width: 350rpx;
  97. height: 250rpx;
  98. border-radius: 5px;
  99. }
  100. .home-show-box-txt {
  101. text-align: center;
  102. font-size: 12px;
  103. color: #4a4a4a;
  104. }
  105. /* 管理员权限 */
  106. .home-jurisdiction {
  107. width: 100%;
  108. position: absolute;
  109. top: 0;
  110. left: 0;
  111. z-index: 20000;
  112. background: rgba(0, 0, 0, .5);
  113. }
  114. .home-jurisdiction-img {
  115. width: 600rpx;
  116. height: 600rpx;
  117. margin: 50rpx 0 0 80rpx;
  118. }