antd-mobile/es/modal/style/prompt.js

基于 React 的移动设计规范实现

import variables from '../../style/themes/default';
import { StyleSheet } from 'react-native';
export default StyleSheet.create({
    message: {
        marginTop: variables.v_spacing_lg,
        color: variables.color_text_caption,
        fontSize: variables.font_size_base,
        textAlign: 'center'
    },
    inputGroup: {
        marginTop: variables.v_spacing_md,
        flexDirection: 'column'
    },
    inputWrapper: {
        borderWidth: StyleSheet.hairlineWidth,
        borderTopWidth: 0,
        borderColor: variables.border_color_base
    },
    input: {
        height: 22,
        fontSize: variables.font_size_base,
        paddingHorizontal: variables.h_spacing_sm,
        paddingVertical: 0
    },
    inputFirst: {
        borderTopWidth: StyleSheet.hairlineWidth,
        borderTopLeftRadius: variables.radius_sm,
        borderTopRightRadius: variables.radius_sm
    },
    inputLast: {
        borderBottomLeftRadius: variables.radius_sm,
        borderBottomRightRadius: variables.radius_sm
    }
});