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

const public_css = StyleSheet.create({
  body: {
    flex: 1,
    display: 'flex',
    backgroundColor: '#ffffff',
  },
  textListStyle: {
    marginTop: 10,
    backgroundColor: '#FFFFFF',
    height: 40,
  },
  textListFontStyle: {
    fontSize: 15,
    display: 'flex',
    // flexDirection: 'row',
    justifyContent: 'center',
  },
  // 搜索栏样式
  search: {
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: '#ffffff',
    height: 50,
  },
  //通用按钮样式，一个按钮样式由buttonView、button、buttonText组成
  buttonView: {
    alignItems: 'center',
    // flex: 3,
  },
  //通用按钮样式
  button: {
    marginTop: 30,
    width: Dimensions.get('window').width * 0.8,
    height: 34,
    borderRadius: 10,
    backgroundColor: '#1199EA',
    justifyContent: 'center',
    alignItems: 'center',
  },
  //通用按钮样式
  buttonText: {
    fontSize: 15,
    textAlign: 'center',
    color: 'white',
  },

  //通用textInput样式，一个输入框样式由View、Text、lineTopBottom、textInput组成
  textInputStyle: {
    flex: 5,
    // marginRight: 10,
    marginLeft: 10,
    fontSize: 16,
    marginTop: 4,
  },
  //通用textInput样式
  view: {
    flexDirection: 'row',
    height: 50,
    // width: Dimensions.get('window').width,
    borderBottomWidth: 3 / PixelRatio.get(),
    borderColor: 'rgb(208,208,208)',
    alignItems: 'center',
  },
  //通用textInput样式
  text: {
    lineHeight: 50,
    fontSize: 16,
    fontFamily: 'PingFang-SC-Regular',
    color: '#333333',
    marginLeft: 5,
  },
  // 客户信息选择箭头样式
  arrow: {
    fontFamily: 'PingFang-SC-Regular',
    fontSize: 25,
    color: '#C7C7CC',
    opacity: 1,
    textAlign: 'center',
  },
  //通用textInput样式
  lineTopBottom: {
    borderBottomWidth: 3 / PixelRatio.get(),
    borderColor: 'rgb(208,208,208)',
    alignItems: 'center',
  },

  //提交按钮和清除按钮样式
  bottomStatus: {
    height: 50,
    flexDirection: 'row',
  },
  statusBtn: {
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',
  },
  statusLBtn: {
    backgroundColor: '#e6e8ea',
  },
  statusRBtn: {
    backgroundColor: '#2A67FE',
  },
  // 列表尾部组件样式
  footNoData: {
    height: 30,
    alignItems: 'center',
    justifyContent: 'flex-start',
  },
  footNoDataText: {
    color: '#999999',
    fontSize: 14,
    marginTop: 5,
    marginBottom: 5,
  },
  footerLoad: {
    flexDirection: 'row',
    height: 24,
    justifyContent: 'center',
    alignItems: 'center',
    marginBottom: 10,
  },
  footUpLoad: {
    height: 30,
    alignItems: 'center',
    justifyContent: 'center',
  },
  footUpLoadText: {
    color: '#999999',
    fontSize: 14,
    marginTop: 5,
    marginBottom: 5,
  },
});

export default public_css;