| .angular-cli.json | ●●●●● patch | view | raw | blame | history | |
| package.json | ●●●●● patch | view | raw | blame | history | |
| src/index.html | ●●●●● patch | view | raw | blame | history | |
| src/polyfills.ts | ●●●●● patch | view | raw | blame | history | |
| src/styles.css | ●●●●● patch | view | raw | blame | history | |
| src/styles.less | ●●●●● patch | view | raw | blame | history | |
| src/styles/_alain-custom-variables.less | ●●●●● patch | view | raw | blame | history | |
| src/styles/index.less | ●●●●● patch | view | raw | blame | history | |
| src/typings.d.ts | ●●●●● patch | view | raw | blame | history |
.angular-cli.json
@@ -19,7 +19,7 @@ "testTsconfig": "tsconfig.spec.json", "prefix": "app", "styles": [ "styles.css" "styles.less" ], "scripts": [], "environmentSource": "environments/environment.ts", @@ -55,6 +55,32 @@ }, "defaults": { "styleExt": "css", "component": {} "class": { "spec": false }, "component": { "flat": false, "spec": false, "inlineStyle": true, "inlineTemplate": false }, "directive": { "spec": false }, "guard": { "spec": false }, "interface": { "prefix": "I" }, "module": { "spec": false }, "pipe": { "spec": true }, "service": { "spec": false } } } package.json
@@ -1,6 +1,6 @@ { "name": "screen-frontend", "version": "0.0.0", "version": "1.0.0", "license": "MIT", "scripts": { "ng": "ng", src/index.html
@@ -1,14 +1,32 @@ <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>ScreenFrontend</title> <base href="/"> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"> <head> <meta charset="utf-8"> <title>ngAlain</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <link rel="icon" type="image/x-icon" href="favicon.ico"> <!-- Apple Touch Icon --> <!-- <link rel="apple-touch-icon" href="custom-icon.png"> --> <style type="text/css">.preloader{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#49a9ee;z-index:9999;transition:opacity .65s}.preloader-hidden-add{opacity:1;display:block}.preloader-hidden-add-active{opacity:0}.preloader-hidden{display:none}.cs-loader{position:absolute;top:0;left:0;height:100%;width:100%}.cs-loader-inner{transform:translateY(-50%);top:50%;position:absolute;width:100%;color:#fff;text-align:center}.cs-loader-inner label{font-size:20px;opacity:0;display:inline-block}@keyframes lol{0%{opacity:0;transform:translateX(-300px)}33%{opacity:1;transform:translateX(0)}66%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(300px)}}.cs-loader-inner label:nth-child(6){animation:lol 3s infinite ease-in-out}.cs-loader-inner label:nth-child(5){animation:lol 3s .1s infinite ease-in-out}.cs-loader-inner label:nth-child(4){animation:lol 3s .2s infinite ease-in-out}.cs-loader-inner label:nth-child(3){animation:lol 3s .3s infinite ease-in-out}.cs-loader-inner label:nth-child(2){animation:lol 3s .4s infinite ease-in-out}.cs-loader-inner label:nth-child(1){animation:lol 3s .5s infinite ease-in-out}</style> </head> <body> <app-root></app-root> <app-root></app-root> <div class="preloader"> <div class="cs-loader"> <div class="cs-loader-inner"> <label> ●</label> <label> ●</label> <label> ●</label> <label> ●</label> <label> ●</label> <label> ●</label> </div> </div> </div> </body> </html> src/polyfills.ts
@@ -19,35 +19,33 @@ */ /** IE9, IE10 and IE11 requires all of the following polyfills. **/ // import 'core-js/es6/symbol'; // import 'core-js/es6/object'; // import 'core-js/es6/function'; // import 'core-js/es6/parse-int'; // import 'core-js/es6/parse-float'; // import 'core-js/es6/number'; // import 'core-js/es6/math'; // import 'core-js/es6/string'; // import 'core-js/es6/date'; // import 'core-js/es6/array'; // import 'core-js/es6/regexp'; // import 'core-js/es6/map'; // import 'core-js/es6/weak-map'; // import 'core-js/es6/set'; import 'core-js/es6/symbol'; import 'core-js/es6/object'; import 'core-js/es6/function'; import 'core-js/es6/parse-int'; import 'core-js/es6/parse-float'; import 'core-js/es6/number'; import 'core-js/es6/math'; import 'core-js/es6/string'; import 'core-js/es6/date'; import 'core-js/es6/array'; import 'core-js/es6/regexp'; import 'core-js/es6/map'; import 'core-js/es6/weak-map'; import 'core-js/es6/set'; /** IE10 and IE11 requires the following for NgClass support on SVG elements */ // import 'classlist.js'; // Run `npm install --save classlist.js`. /** IE10 and IE11 requires the following for the Reflect API. */ // import 'core-js/es6/reflect'; /** Evergreen browsers require these. **/ // Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove. import 'core-js/es6/reflect'; import 'core-js/es7/reflect'; // IE Need import 'core-js/es7/array'; /** * Required to support Web Animations `@angular/platform-browser/animations`. * Required to support Web Animations `@angular/animation`. * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation **/ // import 'web-animations-js'; // Run `npm install --save web-animations-js`. @@ -55,7 +53,7 @@ /*************************************************************************************************** * Zone JS is required by default for Angular itself. * Zone JS is required by Angular itself. */ import 'zone.js/dist/zone'; // Included with Angular CLI. @@ -64,3 +62,13 @@ /*************************************************************************************************** * APPLICATION IMPORTS */ /** * Date, currency, decimal and percent pipes. * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10 */ // import 'intl'; // Run `npm install --save intl`. /** * Need to import at least one locale-data with intl. */ // import 'intl/locale-data/jsonp/en'; src/styles.css
File was deleted src/styles.less
New file @@ -0,0 +1,15 @@ /* You can add global styles to this file, and also import other style files */ // web font icon @import '../node_modules/font-awesome/css/font-awesome.css'; @import '../node_modules/simple-line-icons/css/simple-line-icons.css'; @import '../node_modules/weather-icons/css/weather-icons.css'; // ng-alain @import '~@delon/theme/styles/index'; @import "./styles/_alain-custom-variables"; @import "./styles/index"; // Third Library @import '../node_modules/ng2-dnd/bundles/style.css'; src/styles/_alain-custom-variables.less
New file @@ -0,0 +1,26 @@ // 【【勿删】】本文件可以根据需求调整 alain 的默认参数 // alain 有几十种参数，若不明白可至 issues 提问 // 例如：内容区域背景色为白色 // @content-bg: #fff; // 实验性功能 // 设置ng-zorro-antd所有组件字号为：14px @focusing-enabled: true; @nz-font-size: 14px; @focusing-full-color-enabled: true; // 注册alain主题样式 .alain(); // 注册alain颜色样式或自定义颜色样式 .alain-theme-a(); .alain-theme-b(); .alain-theme-c(); .alain-theme-d(); .alain-theme-e(); .alain-theme-f(); .alain-theme-g(); .alain-theme-h(); .alain-theme-i(); .alain-theme-j(); src/styles/index.less
New file @@ -0,0 +1 @@ // 建议所有项目自定义样式放在该文件夹下 src/typings.d.ts
@@ -3,3 +3,16 @@ interface NodeModule { id: string; } interface WebpackRequire { <T>(path: string): T; (paths: string[], callback: (...modules: any[]) => void): void; ensure: (paths: string[], callback: (require: <T>(path: string) => T) => void) => void; } interface NodeRequire extends WebpackRequire {} declare var require: NodeRequire; // G2 declare var G2: any; declare var Slider: any; declare var Cloud: any;
