1.0.5 • Published 2 years ago

msi-mobile-ui v1.0.5

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

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

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

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

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

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