meetyou-angular-ui
v0.0.237
Published
Here is the Meetyou presents implementation, product development and service in the enterprise the background
Downloads
48
Readme
Meetyou Angular UI
这里是 Meetyou 的 Angular实现，开发和服务于企业级后台产品
原因
特性
支持环境
安装
项目注入
浏览器引入
CLI
demo
测试uirecorder
原因
在项目的研发过程中，会出现不同的设计规范和实现方式，但其中往往存在很多类似的页面和组件，给设计师和工程师带来很多困扰和重复建设，大大降低了产品的研发效率。我们目标是统一项目的前端 UI 设计，屏蔽不必要的设计差异和实现成本，解放设计和前端的研发资源。
特性
- 提炼自企业级中后台产品的交互语言和视觉风格。
- 开箱即用的高质量 Angular 组件。
- 基于 npm + webpack + babel 的工作流，支持 ES2015。
支持环境
- 现代浏览器和 IE9 及以上。
- angular 1.6.4
安装
我们推荐使用 npm 或 yarn 的方式进行开发，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处。
$ npm install meetyou-angular-ui --save$ yarn add meetyou-angular-ui如果你的网络环境不佳，推荐使用 cnpm。
项目注入
未构建注入：
import meetyouAngular from 'meetyou-angular-ui/src'
angular.module('app', meetyouAngular);
已构建注入：
import 'meetyou-angular-ui'
Import 'meetyou-angular-ui/src/scss/app.scss';
angular.module('app', 'meetyou.angular');
浏览器引入
在浏览器中使用 script 和 link 标签直接引入文件，并使用全局变量 meetyou-angular-ui。 我们在 npm 发布包内的 meetyou-angular-ui/lib 目录下提供了 meetyou-angular-ui.js meetyou-angular-ui.css 以及 meetyou-angular-ui.min.js meetyou-angular-ui.min.css，注入模块名称为meetyou.angular（强烈不推荐使用已构建文件，这样无法按需加载，而且难以获得底层依赖模块的 bug 快速修复支持。）。
主题配色修改
在webpack，sass-loader中拦截 import 并将主题配置文件替换成自己需要的（范例：build/config/modules.config.js）。
CLI
demo
https://youpinyao.github.io/meetyou-angular-ui/dist/example/index.html
uirecorder