login_css.js 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. import React from 'react';
  2. import {Dimensions, StatusBar, StyleSheet} from 'react-native';
  3. const login_css = StyleSheet.create({
  4. loginHead: {
  5. justifyContent: 'center',
  6. alignItems: 'center',
  7. flexDirection: 'column',
  8. },
  9. headImg: {
  10. width: 90,
  11. height: 90,
  12. margin: 30,
  13. borderRadius: 50,
  14. },
  15. //父组件View样式
  16. body: {
  17. display: 'flex',
  18. justifyContent: 'center',
  19. alignItems: 'center',
  20. flexDirection: 'row',
  21. },
  22. inputView: {
  23. padding: 5,
  24. backgroundColor: '#fff',
  25. alignItems: 'center',
  26. justifyContent: 'center',
  27. display: 'flex',
  28. },
  29. //验证码样式
  30. texts: {
  31. lineHeight: 44,
  32. fontSize: 16,
  33. color: '#1874CD',
  34. },
  35. // zj
  36. bg: {
  37. position: 'relative',
  38. },
  39. login_bg_img: {
  40. position: 'absolute',
  41. left: 0,
  42. right: 0,
  43. top: 0,
  44. width: '100%',
  45. height: 225,
  46. },
  47. bgImg: {
  48. width: '100%',
  49. height: 225,
  50. },
  51. full_box: {
  52. position: 'absolute',
  53. top: 0,
  54. left: 0,
  55. right: 0,
  56. bottom: 0,
  57. width: '100%',
  58. height: Dimensions.get('window').height - StatusBar.currentHeight - 55,
  59. paddingTop: 190,
  60. },
  61. inner_con: {
  62. height: '100%',
  63. borderTopLeftRadius: 35,
  64. borderTopRightRadius: 35,
  65. overflow: 'hidden',
  66. display: 'flex',
  67. width: '100%',
  68. backgroundColor: '#FFFFFF',
  69. },
  70. input_item: {
  71. display: 'flex',
  72. flexDirection: 'column',
  73. width: '100%',
  74. marginTop: 20,
  75. position: 'relative',
  76. },
  77. text_label: {
  78. color: '#050505',
  79. fontSize: 16,
  80. fontWeight: 'bold',
  81. },
  82. text_input: {
  83. width: '100%',
  84. borderBottomColor: '#E9E9EF',
  85. borderBottomWidth: 1,
  86. fontSize: 16,
  87. height: 50,
  88. },
  89. vertify: {
  90. position: 'absolute',
  91. right: 10,
  92. bottom: 5,
  93. },
  94. button: {
  95. backgroundColor: '#1263EA',
  96. height: 50,
  97. display: 'flex',
  98. justifyContent: 'center',
  99. alignItems: 'center',
  100. borderRadius: 25,
  101. marginTop: 20,
  102. marginLeft: 28,
  103. marginRight: 28,
  104. },
  105. buttonText: {
  106. color: '#FFFFFF',
  107. fontSize: 15,
  108. fontWeight: '700',
  109. },
  110. login_text_view: {
  111. display: 'flex',
  112. flexDirection: 'row',
  113. justifyContent: 'center',
  114. marginTop: 20,
  115. },
  116. });
  117. export default login_css;