application.wxss 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
  1. /* pages/channel/user/application/application.wxss */
  2. .weui-panel {
  3. background-color: #FFFFFF;
  4. margin-top: 10px;
  5. position: relative;
  6. overflow: hidden;
  7. }
  8. .weui-panel:first-child {
  9. margin-top: 0;
  10. }
  11. /*.weui-panel:before {
  12. content: " ";
  13. position: absolute;
  14. left: 0;
  15. top: 0;
  16. right: 0;
  17. height: 1px;
  18. border-top: 1px solid #E5E5E5;
  19. color: #E5E5E5;
  20. -webkit-transform-origin: 0 0;
  21. transform-origin: 0 0;
  22. -webkit-transform: scaleY(0.5);
  23. transform: scaleY(0.5);
  24. }*/
  25. .weui-panel:after {
  26. content: " ";
  27. position: absolute;
  28. left: 0;
  29. bottom: 0;
  30. right: 0;
  31. height: 1px;
  32. border-bottom: 1px solid #E5E5E5;
  33. color: #E5E5E5;
  34. -webkit-transform-origin: 0 100%;
  35. transform-origin: 0 100%;
  36. -webkit-transform: scaleY(0.5);
  37. transform: scaleY(0.5);
  38. }
  39. .weui-panel__hd {
  40. padding: 14px 15px 10px;
  41. color: #999999;
  42. font-size: 13px;
  43. position: relative;
  44. }
  45. .weui-panel__hd:after {
  46. content: " ";
  47. position: absolute;
  48. left: 0;
  49. bottom: 0;
  50. right: 0;
  51. height: 1px;
  52. border-bottom: 1px solid #E5E5E5;
  53. color: #E5E5E5;
  54. -webkit-transform-origin: 0 100%;
  55. transform-origin: 0 100%;
  56. -webkit-transform: scaleY(0.5);
  57. transform: scaleY(0.5);
  58. left: 15px;
  59. }
  60. .weui-media-box {
  61. padding: 15px;
  62. position: relative;
  63. color: #000000;
  64. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  65. }
  66. .weui-media-box_appmsg {
  67. display: -webkit-box;
  68. display: -webkit-flex;
  69. display: flex;
  70. -webkit-box-align: center;
  71. -webkit-align-items: center;
  72. align-items: center;
  73. }
  74. .weui-media-box_appmsg .weui-media-box__hd {
  75. margin-right: .8em;
  76. width: 60px;
  77. height: 60px;
  78. line-height: 60px;
  79. text-align: center;
  80. float:left;
  81. }
  82. .weui-media-box_appmsg .weui-media-box__bd {
  83. -webkit-box-flex: 1;
  84. -webkit-flex: 1;
  85. flex: 1;
  86. min-width: 0;
  87. }
  88. .weui-media-box_appmsg .weui-media-box__thumb {
  89. width: 100%;
  90. max-height: 100%;
  91. vertical-align: top;
  92. }
  93. .weui-media-box:before {
  94. content: " ";
  95. position: absolute;
  96. left: 0;
  97. top: 0;
  98. right: 0;
  99. height: 1px;
  100. border-top: 1px solid #E5E5E5;
  101. color: #E5E5E5;
  102. -webkit-transform-origin: 0 0;
  103. transform-origin: 0 0;
  104. -webkit-transform: scaleY(0.5);
  105. transform: scaleY(0.5);
  106. left: 15px;
  107. }
  108. .weui-media-box:first-child:before {
  109. display: none;
  110. }
  111. .weui-loadmore {
  112. width: 65%;
  113. margin: 1.5em auto;
  114. line-height: 1.6em;
  115. font-size: 14px;
  116. text-align: center;
  117. }
  118. .weui-loading {
  119. width: 20px;
  120. height: 20px;
  121. display: inline-block;
  122. vertical-align: middle;
  123. -webkit-animation: weuiLoading 1s steps(12, end) infinite;
  124. animation: weuiLoading 1s steps(12, end) infinite;
  125. background: transparent url(http://www.ibanling.com/h5/gate/images/loading.svg) no-repeat;
  126. background-size: 100%;
  127. }
  128. .weui-loadmore__tips {
  129. display: inline-block;
  130. vertical-align: middle;
  131. }
  132. @-webkit-keyframes weuiLoading {
  133. 0% {
  134. transform: rotate3d(0, 0, 1, 0deg);
  135. }
  136. 100% {
  137. transform: rotate3d(0, 0, 1, 360deg);
  138. }
  139. }
  140. @keyframes weuiLoading {
  141. 0% {
  142. transform: rotate3d(0, 0, 1, 0deg);
  143. }
  144. 100% {
  145. transform: rotate3d(0, 0, 1, 360deg);
  146. }
  147. }
  148. .weui-loadmore_line {
  149. border-top: 1px solid #E5E5E5;
  150. margin-top: 2.4em;
  151. }
  152. .weui-loadmore_line .weui-loadmore__tips {
  153. position: relative;
  154. top: -0.9em;
  155. padding: 0 .55em;
  156. background-color: #FFFFFF;
  157. color: #999999;
  158. }
  159. .weui-media-box__bt{
  160. width:80px;
  161. position:absolute;
  162. right:15px;
  163. }
  164. .weui-media-box__bt button{
  165. display:block;
  166. color:#fff;
  167. width:80px;
  168. /*height: 37px;*/
  169. background-color: #50B7E3;
  170. border:0px solid #50B7E3;
  171. font-size: 14px;
  172. border-radius:30px;
  173. padding-top:1px;
  174. padding-bottom:1px;
  175. }
  176. .weui-navbar {
  177. display: -webkit-box;
  178. display: -webkit-flex;
  179. display: flex;
  180. /*position: absolute;*/
  181. z-index: 500;
  182. /*top: 0;*/
  183. width: 100%;
  184. background-color: #FAFAFA;
  185. }
  186. .weui-navbar__item {
  187. position: relative;
  188. display: block;
  189. -webkit-box-flex: 1;
  190. -webkit-flex: 1;
  191. flex: 1;
  192. padding: 13px 0;
  193. text-align: center;
  194. font-size: 15px;
  195. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  196. }
  197. .weui-navbar__item.weui-bar__item_on {
  198. background-color: #50B7E3;
  199. color: #fff;
  200. }