2.0.0 • Published 6 years ago

nuke-theme-orange v2.0.0

Weekly downloads
7
License
-
Repository
gitlab
Last release
6 years ago

nuke-theme-orange 淘宝黄主题包

nuke 淘宝黄主题包,用于修改主题色、圆角值等变量,以实现快速换肤。

注意:主题包只包含最基础的变量声明,不包含 nuke 相关组件代码,因此需要配合 weex-nuke 使用。

安装

npm install nuke-theme-orange --save

如何使用

在页面渲染入口文件外部,包裹 StyleProvider, 传递主题包即可。

/** @jsx createElement */
import {createElement, Component,render } from 'rax';
import { View, Button, ThemeProvider } from 'weex-nuke';
import Theme from 'nuke-theme-orange';

const { StyleProvider } = ThemeProvider;

class App extends Component {
  constructor() {
    super();
  }
  render() {
    return (
      <StyleProvider style={Theme}>
        <View style={{flex:1}}>
            <Button size="large" style={styles.btnblock} type="primary">
              button
            </Button>
            <Button size="small" disabled style={styles.btnblock} type="secondary">
              button
            </Button>
        </View>
      </StyleProvider>
    );
  }
}
const styles = {
  btnblock: {
    marginRight: 10,
  },
  
};

render(<App/>);