react-deltaui

REACT Delta

webpack 配置

npm install precss postcss-import autoprefixer --save-dev
 
// postcss
var precss = require('precss');
var autoprefixer = require('autoprefixer');
var atImport = require('postcss-import');
 
postcss: function(webpack) {
    var option = {
        atImport: {
            addDependencyTo: webpack
        }
    };
    return [
        atImport(option.atImport),
        precss,
        autoprefixer
    ];
}
 
// loaders
loaders: [
    {
        test: /\.duss$/,
        loaders: [
            'style-loader',
            'css-loader',
            'px-rem',
            'postcss-loader'
        ]
    }
]
 

使用说明

JS组件调用

import DuWrap from 'react-deltaui/src/components/DuWrap';

CSS组件无需手动引用

业务代码中的className勿用du开头命名 开发勿使用标签定义样式

版本升级说明

v1.3

list组件样式升级，列表项由分为(hd/bd/ft)3部分组成 before改成bd after改为ft list组件 去除duitembdpaddingright,增加duitemftpaddingleft、duItemSideHdWidth、duItemFontSize、duItemColor属性 input,select,textarea的字体,颜色,字号继承body样式

v1.3.1

增加duItemSideFtAlignItems属性,去除duItemSidePaddingRight属性 组件按钮FontSize修改为Size 表单组件增加一些样式

v1.3.2

修改duItemIconFontSize变量 表单组件增加单个panel样式及模拟placeholder相关交互、并转成ES6

v1.3.3

v1.3.4

表单增加错误图标

v1.3.5

表单格式化、修改RMB图标 loading组件文字可配置

v1.3.6

Form增加duFormPlaceHolderFontSize配置

v1.3.7

格式化variable文件 form配置修改引用顺序

v1.3.8

兼容react嵌套多一层div时，图标垂直居中

v1.3.9

Header add isDisplay

v1.3.11

修复国产手机出现图标被截问题

v1.3.13

移除base.duss html,body{height:100%}

v1.4.1

更改loading图片 Toast支持隐藏后回调

v2.0.0

react版本升级至16.0

v2.0.4

tabbar文件命令统一改为驼峰tabBar