index.wxss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. page {
  12. background: #ffff;
  13. min-height: 100%;
  14. height: auto;
  15. }
  16. .status_bar {
  17. height: 25px;
  18. }
  19. .top-search {
  20. height: 80rpx;
  21. padding: 0 20rpx;
  22. background-color: #fff;
  23. }
  24. .top-search .top-logo {
  25. width: 50rpx;
  26. margin-right: 10rpx;
  27. }
  28. .top-search .top-logo image {
  29. width: 48rpx;
  30. }
  31. .top-search .search-box {
  32. justify-content: center;
  33. width: 698rpx;
  34. height: 60rpx;
  35. background: #EEEEEE;
  36. border-radius: 30rpx;
  37. }
  38. .top-search .search-box .search {
  39. width: 34rpx;
  40. height: 34rpx;
  41. }
  42. .top-search .search-box .search-font {
  43. margin-left: 14rpx;
  44. font-size: 28rpx;
  45. font-family: PingFang SC;
  46. font-weight: 500;
  47. color: #CBCBCB;
  48. }
  49. .top-swiper {
  50. width: 750rpx;
  51. height: 348rpx;
  52. }
  53. .top-swiper image {
  54. width: 750rpx;
  55. height: 348rpx;
  56. }
  57. .jg {
  58. height: 20rpx;
  59. background: #F8F8F8;
  60. }
  61. .art-box {
  62. width: 690rpx;
  63. margin: 0 auto 20rpx;
  64. flex-wrap: wrap;
  65. }
  66. .art-box .art-item {
  67. margin-top: 20rpx;
  68. width: 330rpx;
  69. height: 370rpx;
  70. border-radius: 20rpx;
  71. }
  72. .art-box .art-item image {
  73. width: 100%;
  74. height: 100%;
  75. border-radius: 20rpx;
  76. }
  77. .good-list {
  78. width: 750rpx;
  79. }
  80. .good-list .good {
  81. margin: 20rpx auto;
  82. width: 690rpx;
  83. height: 370rpx;
  84. }
  85. .good-list .good image {
  86. width: 100%;
  87. height: 100%;
  88. border-radius: 20rpx;
  89. }