import React from 'react';
import {Dimensions, StatusBar, StyleSheet} from 'react-native';

const login_css = StyleSheet.create({
  loginHead: {
    justifyContent: 'center',
    alignItems: 'center',
    flexDirection: 'column',
  },
  headImg: {
    width: 90,
    height: 90,
    margin: 30,
    borderRadius: 50,
  },
  //父组件View样式
  body: {
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    flexDirection: 'row',
  },
  inputView: {
    padding: 5,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
    display: 'flex',
  },
  //验证码样式
  texts: {
    lineHeight: 44,
    fontSize: 16,
    color: '#1874CD',
  },
  // zj
  bg: {
    position: 'relative',
  },
  login_bg_img: {
    position: 'absolute',
    left: 0,
    right: 0,
    top: 0,
    width: '100%',
    height: 225,
  },
  bgImg: {
    width: '100%',
    height: 225,
  },
  full_box: {
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,
    width: '100%',
    height: Dimensions.get('window').height - StatusBar.currentHeight - 55,
    paddingTop: 190,
  },
  inner_con: {
    height: '100%',
    borderTopLeftRadius: 35,
    borderTopRightRadius: 35,
    overflow: 'hidden',
    display: 'flex',
    width: '100%',
    backgroundColor: '#FFFFFF',
  },
  input_item: {
    display: 'flex',
    flexDirection: 'column',
    width: '100%',
    marginTop: 20,
    position: 'relative',
  },
  text_label: {
    color: '#050505',
    fontSize: 16,
    fontWeight: 'bold',
  },
  text_input: {
    width: '100%',
    borderBottomColor: '#E9E9EF',
    borderBottomWidth: 1,
    fontSize: 16,
    height: 50,
  },
  vertify: {
    position: 'absolute',
    right: 10,
    bottom: 5,
  },
  button: {
    backgroundColor: '#1263EA',
    height: 50,
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    borderRadius: 25,
    marginTop: 20,
    marginLeft: 28,
    marginRight: 28,
  },
  buttonText: {
    color: '#FFFFFF',
    fontSize: 15,
    fontWeight: '700',
  },
  login_text_view: {
    display: 'flex',
    flexDirection: 'row',
    justifyContent: 'center',
    marginTop: 20,
  },
});

export default login_css;