如何为流星帐户添加自定义样式ui作出反应?

时间:2017-06-24 02:54:25

标签: reactjs meteor meteor-accounts meteor-react meteor-packages

我刚开始学习反应和流星。我使用okgrow:accounts-ui-react在我的网站上显示登录和注册表单。您只需添加组件即可在页面上显示注册/登录表单。但是,下拉表单很难看,并且与我的网站设计不相符。因此,我想了解如何修改此类流星组件的样式。在这种情况下,如何更改此组件的样式以显示为实质设计形式。我正在使用materialize.css,我想知道如何为这个登录组件提供物化设计灵感外观?我希望通过材料设计激发下拉菜单,并改变表单的内容。以下是我通过关于leveluptuts的视频创建的组件。

import React, {Component} from 'react';
import { LoginButtons } from 'meteor/okgrow:accounts-ui-react';
class App extends Component{
    render(){
    return (
        <div>
        <header> 
            <h1>Level Up Voting </h1>
            <LoginButtons/>
        </header>
        </div>
        );
    }
}

下图显示了我的登录按钮在屏幕上的显示方式:

enter image description here enter image description here

0 个答案:

没有答案