样式规范

Install

1. npm install beeshell

Usage

引入方式

1. import { setVaribles, colors, fontSize, padding } from 'beeshell/common/styles/varibles';

Examples

自定义主题

image vs image

代码如下：

1. setVaribles({
2. colors: {
3. brandPrimary: '#337ab7',
4. brandSuccess: '#5cb85c',
5. brandInfo: '#01c2ff',
6. brandWarning: '#f0ad4e',
7. brandDanger: '#d9534f',
8. },

10. fontSize: {
11. base: 18,
12. small: 14,

14. h5: 20,
15. }
16. });

Code

1. import { setVaribles, colors, fontSize, padding } from 'beeshell/common/styles/varibles';

3. class App extends React.Component {
4. render() {
5. <View>
6. <Text style={{
7. color: colors.brandPrimary,
8. paddingVertical: padding.verticalBase,
9. fontSize: fontSize.h5
10. }}>文本内容</Text>
11. </View>
12. }
13. }