@ant-design/react-native
Version:
基于蚂蚁金服移动设计规范的 React Native 组件库
53 lines • 1.47 kB
JavaScript
import { Platform, StyleSheet } from 'react-native';
var grid = 4;
export default (function (theme) {
return StyleSheet.create({
wrap: {
flexDirection: 'row'
},
textCornerWrap: {
overflow: 'hidden'
},
dot: {
width: 2 * grid,
height: 2 * grid,
borderRadius: grid,
backgroundColor: theme.brand_important,
position: 'absolute',
top: -1 * grid,
right: -1 * grid
},
dotSizelarge: {
width: 4 * grid,
height: 4 * grid,
borderRadius: 2 * grid
},
textDom: {
paddingVertical: 0.5 * grid,
paddingHorizontal: (Platform.OS === 'ios' ? 1.5 : 2) * grid,
backgroundColor: theme.brand_important,
borderRadius: 4 * theme.radius_sm,
borderStyle: 'solid',
position: 'absolute',
top: -10,
right: -15
},
textCorner: {
width: 18 * grid,
backgroundColor: theme.brand_important,
transform: [{
rotate: '45deg'
}],
position: 'absolute',
top: 2 * grid
},
textCornerlarge: {
width: 26 * grid,
top: 3 * grid
},
text: {
color: theme.color_text_base_inverse,
textAlign: 'center'
}
});
});