https://github.com/youpinyao/angular-ui
这里是 Meetyou 的 Angular实现，开发和服务于企业级后台产品
https://github.com/youpinyao/angular-ui
angular meeyou-angular-ui
Last synced: 2 months ago
JSON representation
这里是 Meetyou 的 Angular实现，开发和服务于企业级后台产品
- Host: GitHub
- URL: https://github.com/youpinyao/angular-ui
- Owner: youpinyao
- Created: 2017-04-27T07:51:52.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2023-01-11T22:19:25.000Z (over 3 years ago)
- Last Synced: 2025-12-27T20:46:53.487Z (6 months ago)
- Topics: angular, meeyou-angular-ui
- Language: JavaScript
- Homepage:
- Size: 33.4 MB
- Stars: 2
- Watchers: 0
- Forks: 1
- Open Issues: 24
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Meetyou Angular UI
这里是 Meetyou 的 Angular实现，开发和服务于企业级后台产品
---
#### [原因](#原因-1)
#### [特性](#特性-1)
#### [支持环境](#支持环境-1)
#### [安装](#安装-1)
#### [项目注入](#项目注入-1)
#### [浏览器引入](#浏览器引入-1)
#### [CLI](#CLI-1)
#### [demo](#demo-1)
#### [测试uirecorder](#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](https://github.com/cnpm/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
[meetyou-angular-cli](https://www.npmjs.com/package/meetyou-angular-cli)
> ## demo
[https://youpinyao.github.io/meetyou-angular-ui/dist/example/index.html](https://youpinyao.github.io/meetyou-angular-ui/dist/example/index.html)
> ## uirecorder
[https://github.com/youpinyao/meetyou-angular-ui-uirecorder](https://github.com/youpinyao/meetyou-angular-ui-uirecorder)