# At-Angular **Repository Path**: mirrors/At-Angular ## Basic Information - **Project Name**: At-Angular - **Description**: AT-Angular,基于 Angular 4 + 制作的一套 UI 框架,  目前第一个测试版本已经发布 - **Primary Language**: JavaScript - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2017-10-23 - **Last Updated**: 2023-09-12 ## Categories & Tags **Categories**: webui **Tags**: None ## README 此项目已经停止维护。仅供学习参考。

AT-NG

An enterprise-class UI components based on At UI Design and Angular. 🚀🚀🚀 [![npm package](https://img.shields.io/badge/version-8.0.2-green.svg)](https://www.npmjs.org/package/at-ng) [![GitHub license](https://img.shields.io/github/license/mashape/apistatus.svg?style=flat-square)](https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE)
at-ng is a modular front-end UI framework for developing fast and powerful web interfaces based on Angular 7+. ## Latest version [8.0.2 ](http://ng-at.thunderjava.com/) ## ✨Features - Based on `Angular 8 +` - A npm + webpack + babel front-end development workflow - Support ES2015 - CSS Style independent, make consistent user interfaces (See: [AT-UI-Style](https://github.com/at-ui/at-ui-style)) - Friendly API ## 🖥 Environment Support - Modern browsers and Internet Explorer 9+ - [Electron](http://electron.atom.io/) - [NW.js](http://nwjs.io) | [IE / Edge](http://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | [Opera](http://godban.github.io/browsers-support-badges/)
Opera | [Electron](http://godban.github.io/browsers-support-badges/)
Electron | | --------- | --------- | --------- | --------- | --------- | --------- | | IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions > NOTICE: At-ng dependent on @angular/cdk ## 🔗Links - [Home Page](http://ng-at.thunderjava.com) - [Angular](https://angular.io/) - [Webpack](https://webpack.js.org/) - [AT-UI for Vue](https://github.com/AT-UI/at-ui) (official library) ## 📦Install - Recommended use `npm` ```bash npm install at-ng ``` ## 🔨Usage Because of the style of `AT-UI` is independent. It's a separate project. So we should add `AT-UI-Style` to cli config file ``` ++ "../node_modules/at-ng/assets/index.css", ``` We could also have theme system now. 🎨 Create a standalone less file named theme.less in src folder, and add the path of it to the list of styles in angular.json file. ``` ... "styles": [ ... "src/theme.scss" ... ] ... ``` Copy the scss variable file from `~node_modules/at-ng/styles/sass/variables/default` to `theme.scss` Here is an example of theme.scss ``` @import "~node_modules/at-ng/styles/sass/mixins/index"; $css-prefix: at; /* change the brand color */ $brand-color: #c41d7f; .... /* config the icon font path */ $font-path: '~node_modules/at-ng/styles/sass/fonts'; /* import the entry file that conatins all scss files */ @import "~node_modules/at-ng/styles/sass/entry"; ``` Add the AtModule to your root module ```js @NgModule({ imports: [ AtModule.forRoot(), ] }) ``` ## 💉Other dependencies ## License MIT