nuke-theme-dark-blue

nuke-theme-dark-blue 深蓝主题包

nuke 深蓝色主题包，用于修改主题色、圆角值等变量，以实现快速换肤。

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

安装

 
npm install nuke-theme-dark-blue --save
 

如何使用

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

 
/** @jsx createElement */
import {createElement, Component,render } from 'rax';
import { View, Button, ThemeProvider } from 'weex-nuke';
import Theme from 'nuke-theme-dark-blue';
 
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/>);