#yi-frames-ui

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

* 单独安装
```bash
cnpm i --S yi-frames-wx

[email protected]介绍

v2测试版本5.31
==================== 华丽分割线 ====================

v2测试版本5.25
==================== 华丽分割线 ====================

5.18-增加组件：表单、表格、翻页
5.18-新增文件夹：yiframes、yiframesjsbridge
5.18-修改：scss层级修改、
==================== 华丽分割线 ====================

5.11-增加页头、左侧导航、状态提示、js-goTop、js-dealURL
5.07-增加面包屑、页脚
- pc配置文件，测试人员手动替换 src => pug => index.pug 中所有内容，后续会更改脚手架配置文件
extends ../node_modules/yi-frames-wx/pc-widget/src/pug/layout.pug
block pugConfig
	-const pugConfig={titleText:`title`, cssName:`public`, confName:`js`, isNotSpa:true, column:'2', bodyClassName:[''], hrefUrl:`../`};
block header
    p 页头内容区域 & 页头和主体中间所增加的内容区域
block mainLeft
    p 单列布局内容区域 & 多列布局左侧内容区域
block mainContent
    p 两列布局右侧内容区域 & 多列布局中间内容区域
block mainRight
    p 三列布局右侧内容区域
block footer
    p 页底内容区域 & 主体与页底之间所增加内容区域

- 配置文件说明
titleText：设置浏览器标题
cssName：设置css的文件名，默认public
confName：设置js的文件名
isNotSpa：true=多页，false=单页
column： 1=单列，2=左右双列，3=三列
bodyClassName： 设置body的类名
hrefUrl：设置css、js文件的路径，根据pug文件目录层级配置‘../’
- 测试包，仅供测试开发使用，禁止使用到项目开发中
- wap组件
- pc组件
- 后续继续迭代

License

MIT © 贾时龙Mapk Volkov