-
Notifications
You must be signed in to change notification settings - Fork 8
/
commonStyle.js
122 lines (111 loc) · 2.53 KB
/
commonStyle.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
/**
* Created by guangqiang on 2017/8/27.
*/
/** 公共样式表 **/
import {Platform} from 'react-native'
export const commonStyle = {
/** color **/
// 常用颜色
red: '#FF0000',
orange: '#FFA500',
yellow: '#FFFF00',
green: '#00FF00',
cyan: '#00FFFF',
blue: '#0000FF',
purple: '#800080',
black: '#000',
white: '#FFF',
gray: '#808080',
drakGray: '#A9A9A9',
lightGray: '#D3D3D3',
tomato: '#FF6347',
PeachPuff: '#FFDAB9',
clear: 'transparent',
/** 主题色 **/
themeColor: '#e74c3c',
// 默认灰色字体颜色
textGrayColor: '#989898',
// 默认黑色字体颜色
textBlockColor: '#262626',
// 默认背景颜色
bgColor: '#E6E6E6',
// 默认分割线颜色
lineColor: '#E6E6E6',
// 默认placeholder颜色
placeholderColor: '#eee',
// borderColor
borderColor: '#808080',
// 导航title 颜色
navTitleColor: '#262626',
// 导航左item title color
navLeftTitleColor: '#333',
// 导航右item title color
navRightTitleColor: '#333',
navThemeColor: '#FEFEFE',
iconGray: '#989898',
iconBlack: '#262626',
/** space **/
// 上边距
marginTop: 10,
// 左边距
marginLeft: 10,
// 下边距
marginBotton: 10,
// 右边距
marginRight: 10,
// 内边距
padding: 10,
// 导航的leftItem的左间距
navMarginLeft: 15,
// 导航的rightItem的右间距
navMarginRight: 15,
/** width **/
// 导航栏左右按钮image宽度
navImageWidth: 25,
// 边框线宽度
borderWidth: 1,
// 分割线高度
lineWidth: 0.8,
/** height **/
// 导航栏的高度
navHeight: Platform.OS === 'ios' ? 64 : 56,
// 导航栏顶部的状态栏高度
navStatusBarHeight: Platform.OS === 'ios' ? 20 : 0,
// 导航栏除掉状态栏的高度
navContentHeight: Platform.OS === 'ios' ? 44 : 56,
// tabBar的高度
tabBar: 49,
// 底部按钮高度
bottonBtnHeight: 44,
// 通用列表cell高度
cellHeight: 44,
// 导航栏左右按钮image高度
navImageHeight: 25,
/** font **/
// 默认文字字体
textFont: 14,
// 默认按钮文字字体
btnFont: 15,
// 导航title字体
navTitleFont: 17,
// tabBar文字字体
barBarTitleFont: 12,
// 占位符的默认字体大小
placeholderFont: 13,
// 导航左按钮的字体
navRightTitleFont: 15,
// 导航右按钮字体
navLeftTitleFont: 15,
/** opacity **/
// mask
modalOpacity: 0.3,
// touchableOpacity
taOpacity: 0.1,
/** 定位 **/
absolute: 'absolute',
/** flex **/
around: 'space-around',
between: 'space-between',
center: 'center',
row: 'row'
}