TaxBackApp/page/homePage/home_css.js

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

const home_css = StyleSheet.create({
  wrapper: {},
  slide1: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#9DD6EB',
  },
  slide2: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#97CAE5',
  },
  slide3: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#92BBD9',
  },
  text: {
    color: '#fff',
    fontSize: 30,
    fontWeight: 'bold',
  },
  homePageBak: {
    flexDirection: 'column',
  },
  topImgBak: {
    height: 184,
    // backgroundColor: 'blue',
  },
  topImgTxt: {
    flex: 3,
    justifyContent: 'center',
    marginLeft: 40,
  },
  ydkpTxt: {
    fontSize: 32,
    color: '#fff',
  },
  ydkpTips: {
    marginTop: 10,
    fontSize: 12,
    color: '#fff',
  },
  topImg: {
    flex: 1,
    width: '100%',
    height: '100%',
    flexDirection: 'column',
    justifyContent: 'flex-end',
  },
  whiteSpaces: {
    height: 30,
    flexDirection: 'row',
    borderTopLeftRadius: Dimensions.get('window').width * 0.8,
    borderTopRightRadius: Dimensions.get('window').width * 0.8,
    backgroundColor: '#fff',
    // alignSelf: 'flex-end',
  },
  taxItemBak: {
    // height: 145,
    backgroundColor: '#fff',
    // flexDirection: 'column',
    // marginTop: 20,
    // justifyContent: 'center',
  },
  tapBtnBak: {
    // flex: 5,
    flexDirection: 'row',
    // justifyContent: 'flex-start',
    alignItems: 'center',
    flexWrap: 'wrap',
  },
  tapBtnBakCol: {
    flexDirection: 'column',
    alignItems: 'center',
    margin: 10,
  },
  tapBtnImg: {
    width: 53,
    height: 53,
  },
  userOnlineBak: {
    flex: 2,
    flexDirection: 'row',
    borderTopWidth: 1,
    borderTopColor: '#E0EEEE',
    alignItems: 'center',
    marginLeft: 10,
    marginRight: 10,
  },
  tapBtnTips: {
    marginTop: 10,
    color: '#000',
  },
  userOnlineLeft: {
    flex: 1,
    flexDirection: 'row',
    marginLeft: 10,
  },
  userOnlineRight: {
    flex: 1,
    marginRight: 10,
    flexDirection: 'row',
    justifyContent: 'flex-end',
  },
  yxTopicBak: {
    marginTop: 20,
    backgroundColor: '#fff',
    flexDirection: 'row',
    justifyContent: 'space-around',
  },
  yxTopicTop: {
    height: 45,
    flexDirection: 'row',
    borderBottomWidth: 1,
    borderBottomColor: '#E0EEEE',
    // alignItems: 'center',
    margin: 10,
  },
  statisticsView: {
    alignItems: 'center',
    borderLeftWidth: 1,
    borderLeftColor: '#C0C0C0',
  },
  yxTopicBottom: {
    // height: 260,
    flexDirection: 'row',
    flexWrap: 'wrap',
    // justifyContent: 'space-around',
    // alignItems: 'center',
    // marginLeft: 10,
    // marginRight: 10,
    // marginBottom: 10,
  },
  yxTopicItem: {
    width: 140,
    height: 120,
    margin: 10,
    justifyContent: 'center',
    alignItems: 'center',
  },
  yxTopicItem_1: {backgroundColor: 'rgba(116, 211, 255, 0.1)'},
  yxTopicItem_2: {backgroundColor: 'rgba(255, 82, 71, 0.1)'},
  yxTopicItem_3: {backgroundColor: 'rgba(200, 121, 255, 0.1)'},
  yxTopicItemTextA: {
    color: 'rgba(51, 51, 51, 1)',
    fontWeight: '600',
    fontFamily: 'MicrosoftYaHei',
    fontSize: 17,
  },
  yxTopicItemTextB: {
    color: 'rgba(102, 102, 102, 1)',
    fontFamily: 'MicrosoftYaHei',
    fontSize: 12,
    marginTop: 5,
  },
  yxTopicItemTextC: {
    color: 'rgba(255, 75, 67, 1)',
    fontWeight: '600',
    fontFamily: 'MicrosoftYaHei',
    fontSize: 24,
    marginTop: 11,
  },
  xpPushBak: {
    height: 292,
    marginTop: 20,
    backgroundColor: '#fff',
    flexDirection: 'column',
  },
  xpPushTop: {
    height: 45,
    flexDirection: 'row',
    borderBottomWidth: 1,
    borderBottomColor: '#E0EEEE',
    alignItems: 'center',
    marginLeft: 10,
    marginRight: 10,
  },
  xpPushBottom: {},
  xpPushItem: {
    height: 148,
    marginTop: 20,
    marginRight: 24,
    marginLeft: 24,
    borderRadius: 10,
    backgroundColor: 'red',
  },
});

export default home_css;