nuomi-ui

糯米频道UI组件

项目简介

组件基于React的UI组件

组件编译依赖于webpack

webpack + less + es6

模块ui+css按需加载

构建测试demo:https://github.com/memoryza/nuomi-ui-test

安装

npm install nuomi-ui --save

模块列表

带背景色的9号字像素块

多针轮播

金刚位

头条

评星

圆角icon

单个poi

使用

//demo

import {Categroy} from 'nuomi-ui';

let item = {
    img: 'http://b.hiphotos.baidu.com/nuomi/pic/item/1ad5ad6eddc451da18f70e7ebefd5266d0163225.jpg',
    title: '游乐园'
}
let itemList = [];
for (let i = 0; i < 16; i++) {
    itemList.push(item);
}
class App extends Component {
    render() {
        return (<div>
            <Categroy categroy={itemList} count={8}/>
        </div>)
    }
};
ReactDOM.render(<App />, document.getElementById('uiComponent'));

结果

注： nuomi-ui 使用了zepto（包含zepto event data fx fx_methods selector模块），如果您的项目中对zepto有ajax等需求请自己编译zepto并替换package.json中的npm-zepto路径