You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

212 lines
6.1 KiB

6 months ago
  1. @font-face {
  2. font-family: 'selectIcon';
  3. src: url('//at.alicdn.com/t/font_1833441_ycfzdhg2u3.eot?t=1590375117208');
  4. /* IE9 */
  5. src: url('//at.alicdn.com/t/font_1833441_ycfzdhg2u3.eot?t=1590375117208#iefix') format('embedded-opentype'),
  6. /* IE6-IE8 */
  7. url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMEAAsAAAAABvQAAAK4AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqBRIFCATYCJAMMCwgABCAFhQUHNRsfBsg+QCa3uoO0oAJTMwhxVu965keqWBy1hkbwtfzWb2Z279/shRhJisKF6FApKLI7oyBbpAaHo3w24k+ca9EUJbDmjaeznUdZ/FOUlkWdJ33rizZY/Pw6J5Xw0qKYxHTMesePHVT6EFpaC4zV70sKi2bYgNPc1w0WHnDVC/e/UnNTgyP+4Jq6BBpIHoisgypLaIAFEtU0wgeaIG8Yu4nAIZwnUK1QgFfOT6nUUoBpgXjj2lqplTMpiuXtCW3N2iK+aPTS2/Qdnzny8d+5IEiaDMy99exklra//FrKnX48pChmgrq5QcYRQCEe17ruqgqLAKv8WntwqwhpLms/nB5yW/iHRxJEC0QOgT3NnfgF01NBKvOuIzNoZdh5gJuAeGrsozE8vOJ7u5D832oz55039W5G+S52K0H+zNf1TJz07k26kqoQybRfwVFV4rjDS/K8EXUyuF1cXnT3weKS9Rvdm/xe7h8oA1hLwOR18R+Y4n4zwpr4z5SU089Vc+cpfWL+mn5APmT3Z39jeOs/GbWjK+DnmsuL/u6ehMX4j4yedSVkAUUuPh3TY022MtKZUEOtPqCb8Bkvnr5XT6imU0gGrEJW7aAL/gw0OhegVV2F6pC7uTOppirKIA4MFQhTrpCM+AbZlDu64L/QmAkQWlMhQXU75D07O9Gtl0PUYjTBLyAzOLNQYtypIEEjvsXtBLQTooV2nrQrGEau2gKmZlR4L8gwnGtBJbUn1diCOOQUnEkTkRAOeci9KHOQxvFro+tx3ZcGAaeljstCSBNDJuArgIyBYyy6OdZxAhHIELu1IC9AtgShCVtLltEKrSff1XoHJo3RC33hM63o3j6pSNkmqmIWEAtxFHB2OwoRBAfyeqE3r2ogHeF42dBhs7gvf7CukH5MmlUGOCpHihxFfs6TehDyKCqVAA==')
  8. format('woff2'),
  9. url('//at.alicdn.com/t/font_1833441_ycfzdhg2u3.woff?t=1590375117208')
  10. format('woff'),
  11. url('//at.alicdn.com/t/font_1833441_ycfzdhg2u3.ttf?t=1590375117208')
  12. format('truetype'),
  13. /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  14. url('//at.alicdn.com/t/font_1833441_ycfzdhg2u3.svg?t=1590375117208#selectIcon')
  15. format('svg');
  16. /* iOS 4.1- */
  17. }
  18. .title-main {
  19. display: flex;
  20. justify-content: center;
  21. width: 100%;
  22. }
  23. .title-detail {
  24. display: flex;
  25. width: 88%;
  26. justify-content: center;
  27. padding: 30rpx 0;
  28. /* border-bottom: 1rpx solid #e6e1e1; */
  29. }
  30. .selectIcon {
  31. font-family: 'selectIcon' !important;
  32. font-size: 16px;
  33. font-style: normal;
  34. -webkit-font-smoothing: antialiased;
  35. -moz-osx-font-smoothing: grayscale;
  36. }
  37. .icongou:before {
  38. content: '\e61c';
  39. }
  40. .iconcross:before {
  41. content: '\e61a';
  42. }
  43. @charset "UTF-8";
  44. /**
  45. * 这里是uni-app内置的常用样式变量
  46. *
  47. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  48. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  49. *
  50. */
  51. /**
  52. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  53. *
  54. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  55. */
  56. /* 颜色变量 */
  57. /* 页面左右间距 */
  58. /* 行为相关颜色 */
  59. /* 文字基本颜色 */
  60. /* 背景颜色 */
  61. /* 边框颜色 */
  62. /* 尺寸变量 */
  63. /* 文字尺寸 */
  64. /*文字颜色*/
  65. /* 图片尺寸 */
  66. /* Border Radius */
  67. /* 水平间距 */
  68. /* 垂直间距 */
  69. /* 透明度 */
  70. /* 文章场景相关 */
  71. page.data-v-2a4bdcb8,
  72. view.data-v-2a4bdcb8,
  73. scroll-view.data-v-2a4bdcb8,
  74. swiper.data-v-2a4bdcb8,
  75. button.data-v-2a4bdcb8,
  76. input.data-v-2a4bdcb8,
  77. textarea.data-v-2a4bdcb8,
  78. label.data-v-2a4bdcb8,
  79. navigator.data-v-2a4bdcb8,
  80. image.data-v-2a4bdcb8 {
  81. box-sizing: border-box !important;
  82. }
  83. image.data-v-2a4bdcb8 {
  84. vertical-align: top;
  85. }
  86. .main.data-v-2a4bdcb8 {
  87. font-size: 28rpx;
  88. }
  89. .bg-white.data-v-2a4bdcb8 {
  90. background-color: #ffffff;
  91. }
  92. .input.data-v-2a4bdcb8 {
  93. display: flex;
  94. align-items: center;
  95. }
  96. .input input.data-v-2a4bdcb8 {
  97. flex: 1;
  98. text-align: left;
  99. color: #333333;
  100. }
  101. .input .selector-icon.data-v-2a4bdcb8 {
  102. width: 32rpx;
  103. height: 36rpx;
  104. vertical-align: middle;
  105. }
  106. .select-modal.data-v-2a4bdcb8 {
  107. position: fixed;
  108. top: 0;
  109. right: 0;
  110. bottom: 0;
  111. left: 0;
  112. z-index: 9999;
  113. opacity: 0;
  114. outline: 0;
  115. text-align: center;
  116. -webkit-transform: scale(1.185);
  117. transform: scale(1.185);
  118. -webkit-backface-visibility: hidden;
  119. backface-visibility: hidden;
  120. -webkit-perspective: 2000rpx;
  121. perspective: 2000rpx;
  122. background: rgba(0, 0, 0, 0.6);
  123. transition: all 0.3s ease-in-out 0s;
  124. pointer-events: none;
  125. margin-bottom: -1000rpx;
  126. }
  127. .select-modal.data-v-2a4bdcb8::before {
  128. content: '\200B';
  129. display: inline-block;
  130. height: 100%;
  131. vertical-align: bottom;
  132. }
  133. .select-modal .select-dialog.data-v-2a4bdcb8 {
  134. position: absolute;
  135. left: 0;
  136. bottom: 0;
  137. display: inline-block;
  138. margin-left: auto;
  139. margin-right: auto;
  140. background-color: #f8f8f8;
  141. overflow: hidden;
  142. width: 100%;
  143. border-radius: 0;
  144. }
  145. .select-modal .select-dialog .select-content.data-v-2a4bdcb8 {
  146. height: 60vh;
  147. overflow: auto;
  148. }
  149. .select-modal .select-dialog .select-content .select-item.data-v-2a4bdcb8 {
  150. text-align: left;
  151. padding: 20rpx 80rpx;
  152. display: flex;
  153. }
  154. .select-modal .select-dialog .select-content .select-item.data-v-2a4bdcb8 ::after {
  155. content: '';
  156. width: 100%;
  157. height: 1px;
  158. display: block;
  159. margin: 0 auto;
  160. border-bottom: 2px solid #f5f2f2;
  161. padding: 1px;
  162. }
  163. .select-modal .select-dialog .select-content .select-item .title.data-v-2a4bdcb8 {
  164. flex: 1;
  165. }
  166. .select-modal.show.data-v-2a4bdcb8 {
  167. opacity: 1;
  168. transition-duration: 0.3s;
  169. -webkit-transform: scale(1);
  170. transform: scale(1);
  171. overflow-x: hidden;
  172. overflow-y: auto;
  173. pointer-events: auto;
  174. margin-bottom: 0;
  175. }
  176. .select-bar.data-v-2a4bdcb8 {
  177. padding: 0 80rpx;
  178. display: flex;
  179. position: relative;
  180. align-items: center;
  181. min-height: 80rpx;
  182. justify-content: space-between;
  183. margin-bottom: 50rpx;
  184. }
  185. .select-bar .action.data-v-2a4bdcb8 {
  186. display: flex;
  187. align-items: center;
  188. height: 78rpx;
  189. justify-content: center;
  190. max-width: 100%;
  191. padding: 0 100rpx;
  192. }
  193. .search-box.data-v-2a4bdcb8 {
  194. display: flex;
  195. margin: 10rpx 0;
  196. align-items: center;
  197. padding: 10rpx 40rpx;
  198. }
  199. .search-input.data-v-2a4bdcb8 {
  200. display: flex;
  201. flex: 1;
  202. height: 67rpx;
  203. line-height: 67rpx;
  204. border-radius: 40rpx;
  205. background: #f5f2f2;
  206. }
  207. .search-text.data-v-2a4bdcb8 {
  208. padding-left: 30rpx;
  209. }