common.wxss 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
  1. /* 通用css */
  2. /* 背景色 */
  3. .backgroundCustom_306 {
  4. background-color: #306eff !important;
  5. color: #fff !important;
  6. }
  7. /* 背景色2 */
  8. .backgroundCustom_FF7 {
  9. background-color: #ff7800 !important;
  10. color: #fff !important;
  11. }
  12. /* 背景色2 */
  13. .backgroundCustom_D9 {
  14. background-color: #d9d9d9 !important;
  15. color: #fff !important;
  16. }
  17. .backgroundCustom_CED {
  18. background-color: #CEDBF8 !important;
  19. color: #fff !important;
  20. }
  21. .backgroundCustom_7AA_306 {
  22. background: linear-gradient(#7AA2FF, #306EFF) !important;
  23. color: #fff !important;
  24. }
  25. /* 字体颜色 */
  26. .colorCustom {
  27. color: #00a2fe !important;
  28. }
  29. .colorCustom_306 {
  30. color: #306eff !important;
  31. }
  32. .colorCancel {
  33. color: #999 !important;
  34. }
  35. .colorRed {
  36. color: #FA4844 !important;
  37. }
  38. .colorGreen {
  39. color: green !important;
  40. }
  41. .colorOrange {
  42. color: #FFAE20 !important;
  43. }
  44. /* 提示 */
  45. .public_tip {
  46. padding: 40rpx 30rpx;
  47. font-size: 26rpx;
  48. font-family: Source Han Sans CN;
  49. font-weight: 400;
  50. color: rgba(166, 166, 166, 1);
  51. line-height: 40rpx;
  52. }
  53. /* 状态颜色 */
  54. .state_color_blue {
  55. color: #2E70FF;
  56. }
  57. .state_color_orange {
  58. color: #FA9219;
  59. }
  60. .state_color_green {
  61. color: #08B58E;
  62. }
  63. .state_color_gray {
  64. color: #CCC;
  65. }
  66. /* 滑块 */
  67. .public_switch {
  68. transform: scale(0.7);
  69. margin-right: -20rpx;
  70. }
  71. /* 向右 图片 */
  72. .public_right_img {
  73. width: 12rpx;
  74. height: 21rpx;
  75. position: absolute;
  76. right: 0;
  77. top: 0;
  78. bottom: 0;
  79. margin: auto 0;
  80. }
  81. /* 长按钮 */
  82. /*
  83. <view class="public_btn_con">
  84. <view class="public_btn backgroundCustom">添加就诊卡</view>
  85. </view>
  86. */
  87. .public_btn_con {
  88. position: fixed;
  89. left: 0;
  90. bottom: 0;
  91. width: 100%;
  92. height: 150rpx;
  93. padding: 30rpx;
  94. background-color: #f2f5f6;
  95. }
  96. .public_btn {
  97. border-radius: 46rpx;
  98. height: 90rpx;
  99. display: flex;
  100. align-items: center;
  101. justify-content: center;
  102. font-size: 32rpx;
  103. font-weight: 500;
  104. }
  105. /* 边框 */
  106. .border_top {
  107. position: relative;
  108. }
  109. .border_top::before {
  110. content: " ";
  111. position: absolute;
  112. left: 0;
  113. top: 0;
  114. width: 100%;
  115. height: 1px;
  116. border-top: 1px solid #eee;
  117. -webkit-transform-origin: 0 0;
  118. transform-origin: 0 0;
  119. -webkit-transform: scaleY(0.5);
  120. transform: scaleY(0.5);
  121. }
  122. .border_bottom {
  123. position: relative;
  124. }
  125. .border_bottom::before {
  126. content: " ";
  127. position: absolute;
  128. left: 0;
  129. bottom: 0;
  130. width: 100%;
  131. height: 1px;
  132. border-top: 1px solid #eee;
  133. -webkit-transform-origin: 0 0;
  134. transform-origin: 0 0;
  135. -webkit-transform: scaleY(0.5);
  136. transform: scaleY(0.5);
  137. }
  138. .border_left {
  139. position: relative;
  140. }
  141. .border_left::after {
  142. content: " ";
  143. position: absolute;
  144. left: 0;
  145. bottom: 0;
  146. width: 1px;
  147. height: 100%;
  148. border-left: 1px solid #eee;
  149. -webkit-transform-origin: 0 0;
  150. transform-origin: 0 0;
  151. -webkit-transform: scaleX(0.5);
  152. transform: scaleX(0.5);
  153. }
  154. .border_right {
  155. position: relative;
  156. }
  157. .border_right::after {
  158. content: " ";
  159. position: absolute;
  160. right: 0;
  161. bottom: 0;
  162. width: 1px;
  163. height: 100%;
  164. border-right: 1px solid #eee;
  165. -webkit-transform-origin: 0 0;
  166. transform-origin: 0 0;
  167. -webkit-transform: scaleX(0.5);
  168. transform: scaleX(0.5);
  169. }
  170. .border {
  171. position: relative;
  172. }
  173. .border::before {
  174. content: "";
  175. position: absolute;
  176. border: 1px solid #ccc;
  177. top: -50%;
  178. left: -50%;
  179. width: 200%;
  180. height: 200%;
  181. border-radius: 50px;
  182. transform: scale(0.5);
  183. box-sizing: border-box;
  184. }
  185. .noData {
  186. padding-top: 219rpx;
  187. }
  188. /* 下拉加载更多样式 */
  189. .public_loadAllTip{
  190. text-align: center;
  191. padding: 35rpx 0;
  192. color: #999;
  193. }
  194. .arrow {
  195. width: 15rpx;
  196. height: 25rpx;
  197. margin-right:30rpx;
  198. }
  199. .mask {
  200. width: 100%;
  201. height: 100%;
  202. background: rgba(0,0,0,0.6);
  203. position: fixed;
  204. top: 0;
  205. left: 0;
  206. z-index: 3;
  207. }