@ant-design/react-native/es/notice-bar/style/index.js

基于蚂蚁金服移动设计规范的 React Native 组件库

import { StyleSheet } from 'react-native';
export default (function (variables) {
    return StyleSheet.create({
        notice: {
            backgroundColor: variables.notice_bar_fill,
            height: variables.notice_bar_height,
            overflow: 'hidden',
            flexDirection: 'row',
            alignItems: 'center'
        },
        container: {
            flex: 1,
            marginRight: variables.h_spacing_lg,
            overflow: 'hidden',
            width: 0
        },
        content: {
            fontSize: variables.font_size_subhead,
            color: variables.brand_warning
        },
        left6: {
            marginLeft: variables.h_spacing_sm
        },
        left15: {
            marginLeft: variables.h_spacing_lg
        },
        actionWrap: {
            marginRight: variables.h_spacing_lg
        },
        close: {
            color: variables.brand_warning,
            fontSize: 18,
            fontWeight: '200',
            textAlign: 'left'
        },
        link: {
            transform: [{ rotate: '225deg' }],
            color: variables.brand_warning,
            fontSize: variables.font_size_icontext,
            fontWeight: '500',
            textAlign: 'left'
        }
    });
});