inputs.css 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493
  1. .border_radius_12rpx{
  2. border-radius: 12rpx;
  3. }
  4. .inputItemDis{
  5. white-space: nowrap;
  6. position: absolute;
  7. top: 0;
  8. left: 0;
  9. width: 100%;
  10. height: 100%;
  11. overflow: hidden;
  12. }
  13. .textareaItemDis{
  14. overflow: hidden;
  15. flex-wrap: wrap;
  16. }
  17. .position_relative {
  18. position: relative;
  19. }
  20. .itemDisabled{
  21. position: absolute;
  22. top: 0;
  23. left: 0;
  24. height: 100%;
  25. width: 100%;
  26. transition: all .3s;
  27. pointer-events: none;
  28. opacity: 0;
  29. }
  30. .itemDisabled.show{
  31. pointer-events: auto;
  32. background-color: rgba(247,247,247,.7);
  33. opacity: 1;
  34. }
  35. .pe_none{
  36. pointer-events: none;
  37. }
  38. .pe_auto{
  39. pointer-events: auto;
  40. }
  41. .padding_20rpx_30rpx {
  42. padding: 20rpx 30rpx;
  43. }
  44. .padding_10rpx_15rpx {
  45. padding: 10rpx 15rpx;
  46. }
  47. .padding_5rpx_7_5rpx {
  48. padding: 5rpx 7.5rpx;
  49. }
  50. .padding_10rpx {
  51. padding: 10rpx;
  52. }
  53. .margin_10rpx {
  54. margin: 10rpx;
  55. }
  56. .marginRight_15rpx {
  57. margin-right: 15rpx;
  58. }
  59. .Flex1{
  60. flex: 1;
  61. }
  62. .Flex1_5{
  63. flex:1.5;
  64. }
  65. .Flex2{
  66. flex: 2;
  67. }
  68. .Flex3{
  69. flex: 3;
  70. }
  71. .Flex4{
  72. flex: 4;
  73. }
  74. .Flex5{
  75. flex: 5;
  76. }
  77. .transition_point6s {
  78. transition: all .6s;
  79. }
  80. .transition_border_point6s {
  81. transition: border-color .6s;
  82. }
  83. view,
  84. button,
  85. textarea,
  86. input,
  87. picker,
  88. picker-view,
  89. picker-view-column,
  90. uni-icon,
  91. text,
  92. label {
  93. box-sizing: border-box;
  94. }
  95. button {
  96. margin: 0;
  97. }
  98. button::after {
  99. border: none;
  100. }
  101. .text_nowrap{
  102. white-space: nowrap;
  103. }
  104. .text_overflow_ellipsis {
  105. overflow: hidden;
  106. text-overflow: ellipsis;
  107. white-space: nowrap;
  108. }
  109. .overflow_x_hidden {
  110. overflow-x: hidden;
  111. }
  112. .marginRight5 {
  113. margin-right: 5%;
  114. }
  115. .position_relative {
  116. position: relative;
  117. }
  118. .position_absolute {
  119. position: absolute;
  120. }
  121. .maxWidth40 {
  122. max-width: 40%;
  123. }
  124. .maxWidth30 {
  125. max-width: 30%;
  126. }
  127. .maxWidth20 {
  128. max-width: 20%;
  129. }
  130. .width20 {
  131. width: 20%;
  132. }
  133. .width30 {
  134. width: 30%;
  135. ;
  136. }
  137. .width40 {
  138. width: 40%;
  139. }
  140. .width45 {
  141. width: 45%;
  142. }
  143. .width55 {
  144. width: 55%;
  145. }
  146. .width60 {
  147. width: 60%;
  148. }
  149. .width65 {
  150. width: 65%;
  151. }
  152. .width75 {
  153. width: 75%;
  154. }
  155. .width70 {
  156. width: 70%;
  157. }
  158. .width50 {
  159. width: 50%;
  160. }
  161. .width25 {
  162. width: 25%;
  163. }
  164. .width15 {
  165. width: 15%;
  166. }
  167. .width85 {
  168. width: 85%;
  169. }
  170. .width100 {
  171. width: 100%;
  172. }
  173. .height100 {
  174. height: 100%;
  175. }
  176. .word_wrap {
  177. word-wrap: break-word;
  178. word-break: break-all;
  179. }
  180. .wrap {
  181. flex-wrap: wrap;
  182. }
  183. .flex-basis50 {
  184. flex-basis: 50%;
  185. }
  186. .flex-shrink0 {
  187. flex-shrink: 0;
  188. }
  189. .flex-shrink1 {
  190. flex-shrink: 1;
  191. }
  192. .flex_column {
  193. display: flex;
  194. flex-direction: column;
  195. }
  196. .flex_row_e_none {
  197. display: flex;
  198. flex-direction: row;
  199. justify-content: flex-end;
  200. }
  201. .flex_column_c_c {
  202. display: flex;
  203. flex-direction: column;
  204. justify-content: center;
  205. align-items: center;
  206. }
  207. .flex_row {
  208. display: flex;
  209. flex-direction: row;
  210. }
  211. .flex_row_none_c {
  212. display: flex;
  213. flex-direction: row;
  214. align-items: center;
  215. }
  216. .flex_row_e_c {
  217. display: flex;
  218. flex-direction: row;
  219. justify-content: flex-end;
  220. align-items: center;
  221. }
  222. .flex_row_c_c {
  223. display: flex;
  224. flex-direction: row;
  225. justify-content: center;
  226. align-items: center;
  227. }
  228. .flex_row_between_c {
  229. display: flex;
  230. flex-direction: row;
  231. justify-content: space-between;
  232. align-items: center;
  233. }
  234. .box-sizing-border-box {
  235. box-sizing: border-box;
  236. }
  237. .fontColorF1505C {
  238. color: #F1505C;
  239. }
  240. .fontColorADADAD {
  241. color: #ADADAD;
  242. }
  243. .fontColor666666 {
  244. color: #666666;
  245. }
  246. .fontColor007AFF {
  247. color: #007AFF;
  248. }
  249. .borderBottom1pxf2f2f2 {
  250. border-bottom: 1px solid #F2F2F2;
  251. }
  252. .border1pxf2f2f2 {
  253. border: 1px solid #f2f2f2;
  254. }
  255. .bacnground_color_f8f8f8 {
  256. background-color: #f8f8f8;
  257. }
  258. .border_radius_4px {
  259. border-radius: 4px;
  260. }
  261. .mask {
  262. height: 100vh;
  263. width: 100vw;
  264. position: fixed;
  265. top: 0;
  266. left: 0;
  267. background-color: rgba(0, 0, 0, .6);
  268. z-index: 998;
  269. }
  270. .picker_view {
  271. width: 70%;
  272. position: fixed;
  273. top: 50%;
  274. left: 50%;
  275. z-index: 999;
  276. transform: translate(-50%, -70%);
  277. }
  278. .view_Title_Left {
  279. font-weight: bold;
  280. padding: 1.5vh 3vw;
  281. box-sizing: border-box;
  282. }
  283. .padding8px {
  284. padding: 8px;
  285. }
  286. .picsClear {
  287. position: absolute;
  288. top: 0;
  289. right: 0;
  290. transform: translate(50%, -50%);
  291. }
  292. .box_shadow_2px_2px_5px_ADADAD {
  293. box-shadow: 2px 2px 5px #ADADAD;
  294. }
  295. @keyframes fadeIn {
  296. from {
  297. opacity: 0;
  298. transform: scale(.8);
  299. }
  300. to {
  301. opacity: 1;
  302. transform: scale(1);
  303. }
  304. }
  305. @keyframes refadeIn {
  306. from {
  307. transform: scale(1.2);
  308. opacity: 0;
  309. }
  310. to {
  311. transform: scale(1);
  312. opacity: 1;
  313. }
  314. }
  315. @keyframes slide-left {
  316. from {
  317. transform: translateX(-100%);
  318. }
  319. to {
  320. transform: translateX(0);
  321. }
  322. }
  323. @keyframes slide-fade-left {
  324. from {
  325. transform: translateX(-100%);
  326. opacity: 0;
  327. }
  328. to {
  329. transform: translateX(0);
  330. opacity: 1;
  331. }
  332. }
  333. @keyframes slide-right {
  334. from {
  335. transform: translateX(100%);
  336. }
  337. to {
  338. transform: translateX(0);
  339. }
  340. }
  341. @keyframes slide-fade-right {
  342. from {
  343. transform: translateX(100%);
  344. opacity: 0;
  345. }
  346. to {
  347. transform: translateX(0);
  348. opacity: 1;
  349. }
  350. }
  351. @keyframes slide-fade-bottom {
  352. from {
  353. transform: translateY(100%);
  354. opacity: 0;
  355. }
  356. to {
  357. transform: translateX(0);
  358. opacity: 1;
  359. }
  360. }
  361. @keyframes rotate3d-fade {
  362. from {
  363. transform: rotate3d(10, 10, 10, 360deg);
  364. opacity: 0;
  365. }
  366. to {
  367. transform: rotate3d(10, 10, 10, 0deg);
  368. opacity: 1;
  369. }
  370. }
  371. .fadIn {
  372. animation: fadeIn;
  373. }
  374. .refadIn {
  375. animation: refadeIn;
  376. }
  377. .slide-left {
  378. animation: slide-left;
  379. }
  380. .slide-fade-left {
  381. animation: slide-fade-left;
  382. }
  383. .slide-right {
  384. animation: slide-right;
  385. }
  386. .slide-fade-right {
  387. animation: slide-fade-right;
  388. }
  389. .slide-fade-bottom {
  390. animation: slide-fade-bottom;
  391. }
  392. .rotate3d-fade {
  393. animation: rotate3d-fade;
  394. }