2.0.0 • Published 6 years ago
nuke-theme-dark-blue v2.0.0
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/>);
2.0.0
6 years ago