main.wxss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. /* parents//pages/main/main.wxss */
  2. @import '../../../templates/nodata/nodata.wxss';
  3. @import '../../../templates/footer/footer.wxss';
  4. @import '../../../templates/loading/loading.wxss';
  5. page{
  6. background: #fff;
  7. }
  8. .list {
  9. /* width: 100%; */
  10. padding: 0 40rpx 98rpx 40rpx;
  11. }
  12. .li-header {
  13. padding: 20rpx 0;
  14. align-items: center;
  15. }
  16. .li-header-search {
  17. flex: 1;
  18. padding: 12rpx 20rpx 14rpx 20rpx;
  19. background:#F6F5FB;
  20. border-radius: 100rpx;
  21. text-align: center;
  22. margin:0 0 40rpx 0;
  23. cursor: pointer;
  24. }
  25. .li-header-search-icon {
  26. width: 28rpx;
  27. height: 28rpx;
  28. margin-right: 14rpx;
  29. vertical-align: middle;
  30. }
  31. .li-header-search-text {
  32. font-size: 28rpx;
  33. color: #999;
  34. vertical-align: middle;
  35. }
  36. .li-header-address-icon {
  37. width: 30rpx;
  38. height: 34rpx;
  39. }
  40. .li-header-scan-icon {
  41. width: 30rpx;
  42. height: 30rpx;
  43. }
  44. .li-carousel{
  45. margin: 0;
  46. }
  47. .li-carousel-img{
  48. height: 324rpx;
  49. width: 100%;
  50. border-radius: 30rpx;
  51. }
  52. .li-items {
  53. margin: 40rpx 0;
  54. display: flex;
  55. justify-content: space-around;
  56. align-items: center;
  57. }
  58. .li-item {
  59. flex: 1;
  60. text-align: center;
  61. cursor: pointer;
  62. }
  63. .li-item-icon {
  64. width: 90rpx;
  65. height: 90rpx;
  66. }
  67. .li-item-text {
  68. font-size: 28rpx;
  69. color: #41414C;
  70. margin-top: 16rpx;
  71. font-weight:500;
  72. }