1.0.4 • Published 6 months ago

firefly-h5-ui v1.0.4

Weekly downloads
-
License
MIT
Repository
github
Last release
6 months ago

##MSI 内部移动端 UI 组件库 ####背景: #####1、由于内部需求越来越多,在每次开启新项目的时候,在项目基建构建的时候会花费很多时间,并且 UI 现在逐步统一,具有自己公司的特色风采,急需一套公用的 UI 组件库来集成快速开发。

####按需引入方法: 方式一. 自动按需引入组件 (推荐) babel-plugin-import 是一款 babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式。

# 安装插件
npm i babel-plugin-import -D
// 在.babelrc 中添加配置
// 注意:webpack 1 无需设置 libraryDirectory
{
  "plugins": [
    ["import", {
      "libraryName": "firefly-h5-ui",
      "libraryDirectory": "es",
      "style": true
    }]
  ]
}

// 对于使用 babel7 的用户,可以在 babel.config.js 中配置
module.exports = {
  plugins: [
    ['import', {
      libraryName: 'firefly-h5-ui',
      libraryDirectory: 'es',
      style: true
    }, 'firefly-h5-ui']
  ]
};

(1)Button 按钮组件 #####改动的点: | 属性 | 说明 | | ----------- | ----------- | | type | 当 type 属性为 primary 时,背景色改为 #269BFF ,原有的是(#1989fa) | | round | 当按钮设置 round 属性时(圆形按钮),border-radius 为 6px,原有的是(999px) | | disabled | 当按钮设置 disabled 属性时(禁用按钮),opacity 为 0.4,原有的是(0.5) |