yi-frames-ui

The UI widgets for Yi-Frames

Usage no npm install needed!

<script type="module">
  import yiFramesUi from 'https://cdn.skypack.dev/yi-frames-ui';
</script>

README

yi-frames-ui NPM version Build Status Dependency Status Coverage percentage

The UI widgets of Yi-Frames

安装Yi-frames脚手架

First, 使用cnpm/npm/yarn 全局安装 Yeoman & generator-yi-frames.

cnpm i -g yo
cnpm i -g generator-yi-frames

Second,安装Yi-frames-ui

  • 同脚手架模板一起安装：下载脚手架模板到项目文件夹，自带yi-frames-ui模块：
yo yi-frames

yo yi-frames:op

yo yi-frames:vue
  • 单独安装
cnpm i --S yi-frames-ui

Yi-frames-ui@2.1.8介绍


pc端
    layout 增加 loading调用

==================华丽分割线==================

v2.1.7
PC端
    1、主结构优化及新增
    2、优化主体左右高度等同（padding & -margin 实现
    3、行列布局样式增加默认行高30px
    4、状态提示增加自定义位置
    5、表格增加默认宽度100%
    6、图片上传组件展示判断优化
    7、分页增加class & id 自定义

移动端
    1、调用结构同步于PC端
    2、移动端tab切换结构同步于PC端

==================华丽分割线==================

V2组件
1、_mixin.scss管理所有可变动参数值（颜色，字号，边距等；
2、pug组件通过配参实现不同结构及样式，具体参考API；
3、PC组件API：
https://yichehuoban-fed.bitauto.com/fe/yi-api/yi-pc-API/dist/html/index.html
4、Wap组件API：
https://yichehuoban-fed.bitauto.com/fe/yi-api/yi-wap-API/dist/html/index.html

使用说明

1、下载下来脚手架后，在package.json里面查看yi-frames-ui的版本

2、引用路径./node_modules/yi-frames-ui/assets/pc-widget/具体的组件文件，
如调用pug文件：无需引pug文件；
调用scss文件：
@import ../node_modules/yi-frames-ui/assets/pc-widget/button/button.scss

3、mixin、iconfont由于其他组件也有依赖这两个库，所以这两个都要引上

4、PC组件的引用方法及预览：
https://yichehuoban-fed.bitauto.com/fe/yi-api/yi-pc-API/dist/html/index.html

5、Wap组件的引用方法及预览：
https://yichehuoban-fed.bitauto.com/fe/yi-api/yi-wap-API/dist/html/index.html

License

MIT © 贾时龙Mapk Volkov