momo.wxss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. /* newsShop/pages/patternMenu/patternMenu.wxss */
  2. page{
  3. background:#fff;
  4. }
  5. .header{
  6. text-align: center;
  7. }
  8. .header-item{
  9. color:#000;
  10. border-bottom-style: solid;
  11. border-bottom-width: 4rpx;
  12. border-bottom-color:#fff;
  13. }
  14. .header-tab{
  15. border-bottom:2rpx solid #e0e0e0;
  16. }
  17. .triangle-box{
  18. height:32rpx;
  19. margin:0rpx 0 0 10rpx;
  20. }
  21. .triangle-just{
  22. width: 0;
  23. height: 0;
  24. border-bottom: 11rpx solid #dcdcdc;
  25. border-left: 8rpx solid transparent;
  26. border-right: 8rpx solid transparent;
  27. margin:5rpx 0;
  28. }
  29. .triangle-just.active{
  30. border-bottom-color:#2d2d2d;
  31. }
  32. .triangle-invert.active{
  33. border-top-color:#2d2d2d;
  34. }
  35. .triangle-invert{
  36. margin:5rpx 0;
  37. width: 0;
  38. height: 0;
  39. border-top: 11rpx solid #dcdcdc;
  40. border-left: 8rpx solid transparent;
  41. border-right: 8rpx solid transparent;
  42. }
  43. .filter-frist,.filter-next{
  44. text-align: left;
  45. }
  46. .filter-main{
  47. border-top:2rpx solid #e0e0e0;
  48. line-height:70rpx;
  49. padding:20rpx;
  50. background:#fff;
  51. position:absolute;
  52. top:82rpx;
  53. width:100%;
  54. }
  55. .filter-range{
  56. width:400rpx;
  57. line-height:48rpx;
  58. }
  59. .filter-range input{
  60. width:150rpx;
  61. background:#eeedf2;
  62. height:48rpx;
  63. border-radius:48rpx;
  64. text-align: center;
  65. }
  66. .radio-group .radio{
  67. line-height:50rpx;
  68. display:inline-block;
  69. width:40%;
  70. }
  71. .radio-group .radio radio{
  72. transform:scale(0.6);
  73. width:40rpx;
  74. }
  75. .gift-box{
  76. margin:0 26rpx;
  77. background:#fff;
  78. }
  79. .goods-list{
  80. width:338rpx;
  81. margin-bottom:26rpx;
  82. }
  83. .goods-img{
  84. width:338rpx;
  85. height:338rpx;
  86. background:#eeedf2;
  87. display: block;
  88. }
  89. .goods-summary{
  90. height:44rpx;
  91. line-height:44rpx;
  92. background:#f1f7fc;
  93. color:#666666;
  94. padding:0 10rpx;
  95. overflow: hidden;/*超出部分隐藏*/
  96. white-space: nowrap;/*不换行*/
  97. text-overflow:ellipsis;/*超出部分文字以...显示*/
  98. }
  99. .goods-title{
  100. margin:10rpx 0;
  101. }
  102. .goods-price{
  103. color:#e60012;
  104. }
  105. .ceng{
  106. position:fixed;
  107. width:100%;
  108. height:100%;
  109. background:rgba(0,0,0,0.6);
  110. z-index:10;
  111. top:0;
  112. left:0;
  113. }
  114. .momo-footer{
  115. padding-top:110rpx;
  116. }
  117. .mf-box{
  118. position: fixed;
  119. bottom:0;
  120. left:0;
  121. width:100%;
  122. height: 100rpx;
  123. background:#fff;
  124. font-size:22rpx;
  125. z-index:100;
  126. }
  127. .mf-box .img {
  128. width: 28px;
  129. height: 28px;
  130. display: block;
  131. margin: auto;
  132. }
  133. .mf-box .f-item{
  134. text-align: center;
  135. padding-top: 4px;
  136. }
  137. .momo-img{
  138. width:689rpx;
  139. height:330rpx;
  140. display: block;
  141. margin:26rpx auto;
  142. }