如何在nativescript-vue中更改RadDataForm样式？ （Nativescript-Vue的）

Question

如何更改person对象中存在的电子邮件和密码的font-size，border-color e.t.c样式。

 <RadDataForm :source="person"</RadDataForm>  

Answer 1

Here似乎是你正在寻找的一个完美的例子，使用TKPropertyEditorStyle来定义自定义字体，大小，颜色等，

<template>
    <Page class="page">
        <ActionBar title="Home" class="action-bar" />
        <RadDataForm ref="dataForm" :source="person">
            <TKEntityProperty v-tkDataFormProperty name="name">
                <TKPropertyEditor v-tkEntityPropertyEditor type="Text">
                    <TKPropertyEditorStyle v-tkPropertyEditorStyle
                        labelTextColor="red"></TKPropertyEditorStyle>
                </TKPropertyEditor>
            </TKEntityProperty>
            <TKEntityProperty v-tkDataFormProperty name="age">
                <TKPropertyEditor v-tkEntityPropertyEditor type="Decimal">
                    <TKPropertyEditorStyle v-tkPropertyEditorStyle
                        labelTextColor="green"></TKPropertyEditorStyle>
                </TKPropertyEditor>
            </TKEntityProperty>
            <TKEntityProperty v-tkDataFormProperty name="birthDate">
                <TKPropertyEditor v-tkEntityPropertyEditor type="DatePicker">
                    <TKPropertyEditorStyle v-tkPropertyEditorStyle
                        labelTextColor="blue"></TKPropertyEditorStyle>
                </TKPropertyEditor>
            </TKEntityProperty>
        </RadDataForm>
    </Page>
</template>

<script>
    import Vue from "nativescript-vue";
    import RadDataForm from "nativescript-ui-dataform/vue";
    Vue.use(RadDataForm);

    export default {
        data() {
            return {
                person: {
                    name: "John",
                    age: 23,
                    birthDate: "1993-05-16"
                }
            };
        }
    };
</script>