antd-mobile
Version:
基于 React 的移动设计规范实现
102 lines • 2.71 kB
JavaScript
import variables from '../../style/themes/default';
import { StyleSheet } from 'react-native';
var grid = 4;
export default StyleSheet.create({
head_default_s: {
width: 18,
height: 18,
backgroundColor: variables.fill_base,
borderRadius: 18,
borderWidth: variables.border_width_lg,
borderColor: variables.brand_primary,
borderStyle: 'solid',
overflow: 'hidden'
},
head_blue_s: {
borderColor: variables.brand_primary
},
head_gray_s: {
borderColor: variables.color_text_placeholder
},
head_red_s: {
borderColor: variables.brand_error
},
icon_s: {
width: 14,
height: 14
},
head_default_l: {
width: 24,
height: 24,
backgroundColor: variables.fill_base,
borderRadius: 18,
borderWidth: variables.border_width_lg,
borderColor: variables.brand_primary,
borderStyle: 'solid',
overflow: 'hidden'
},
head_blue_l: {
borderColor: variables.brand_primary,
backgroundColor: variables.brand_primary
},
head_gray_l: {
borderColor: variables.color_text_placeholder,
backgroundColor: variables.color_text_placeholder
},
head_red_l: {
borderColor: variables.brand_error,
backgroundColor: variables.brand_error
},
tail_default_l: {
width: variables.border_width_lg,
height: 30,
marginLeft: 11
},
icon_l: {
width: 20,
height: 20
},
tail_default_s: {
width: variables.border_width_lg,
height: 30,
marginLeft: 2 * grid
},
tail_gray: {
backgroundColor: variables.color_text_placeholder
},
tail_blue: {
backgroundColor: variables.brand_primary
},
tail_error: {
backgroundColor: variables.brand_error
},
tail_last: {
backgroundColor: 'transparent'
},
content_s: {
paddingLeft: variables.h_spacing_md
},
content_l: {
paddingLeft: variables.h_spacing_lg
},
title_s: {
fontWeight: 'bold',
fontSize: variables.font_size_caption,
paddingBottom: variables.v_spacing_md,
color: variables.color_text_base
},
description_s: {
fontSize: variables.font_size_caption_sm,
color: variables.color_text_base
},
title_l: {
fontWeight: 'bold',
fontSize: variables.font_size_heading,
paddingBottom: variables.v_spacing_md,
color: variables.color_text_base
},
description_l: {
fontSize: variables.font_size_subhead,
color: variables.color_text_base
}
});