郑州
3 роки тому
9 змінених файлів з 12166 додано та 0 видалено
Об'єднаний перегляд
Параметри порівняння
-
+40 -0public/bgAnimate/bganimat.html
-
BINpublic/bgAnimate/images/_preloader.gif
-
BINpublic/bgAnimate/images/locking animated size.fla
-
BINpublic/bgAnimate/images/locking_animated.png
-
+9820 -0public/bgAnimate/js/createjs-2015.11.26.min.js
-
+2238 -0public/bgAnimate/js/lockingsize.js
-
+57 -0public/bgAnimate/js/loginbgAn.js
-
+6 -0src/pages/login/index.tsx
-
+5 -0src/pages/login/login.less
+ 40
- 0
public/bgAnimate/bganimat.html
Переглянути файл
| @@ -0,0 +1,40 @@ | |||||
| <!DOCTYPE html> | |||||
| <!-- | |||||
| NOTES: | |||||
| 1. All tokens are represented by '$' sign in the template. | |||||
| 2. You can write your code only wherever mentioned. | |||||
| 3. All occurrences of existing tokens will be replaced by their appropriate values. | |||||
| 4. Blank lines will be removed automatically. | |||||
| 5. Remove unnecessary comments before creating your template. | |||||
| --> | |||||
| <html> | |||||
| <head> | |||||
| <meta charset="UTF-8"> | |||||
| <meta name="authoring-tool" content="Adobe_Animate_CC"> | |||||
| <title>locking animated size</title> | |||||
| <!-- write your code here --> | |||||
| <style> | |||||
| body { | |||||
| overflow:hidden; | |||||
| } | |||||
| #animation_container { | |||||
| position:absolute; | |||||
| margin:auto; | |||||
| left:-100%;right:-100%; | |||||
| top:-100%;bottom:-100%; | |||||
| } | |||||
| </style> | |||||
| <script src="js/createjs-2015.11.26.min.js"></script> | |||||
| <script src="js/lockingsize.js"></script> | |||||
| <script src="js/loginbgAn.js"></script> | |||||
| <!-- write your code here --> | |||||
| </head> | |||||
| <body onload="init();" style="margin:0px;"> | |||||
| <div id="animation_container" style="background-color:rgba(50, 50, 60, 1.00); width:100%; height:100%"> | |||||
| <canvas id="canvas" width="100%" height="100%" style="position: absolute; display: block; background-color:rgba(50, 50, 60, 1.00);"></canvas> | |||||
| <div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:100%; height:100%; position: absolute; left: 0px; top: 0px; display: block;"> | |||||
| </div> | |||||
| </div> | |||||
| </body> | |||||
| </html> | |||||
BIN
public/bgAnimate/images/_preloader.gif
Переглянути файл
| Перед | Після |
|---|---|
|
|
| Ширина: 64 | Висота: 64 | Розмір: 1.9 KiB |
BIN
public/bgAnimate/images/locking animated size.fla
Переглянути файл
BIN
public/bgAnimate/images/locking_animated.png
Переглянути файл
| Перед | Після |
|---|---|
|
|
| Ширина: 512 | Висота: 1024 | Розмір: 8.7 KiB |
+ 9820
- 0
public/bgAnimate/js/createjs-2015.11.26.min.js
Різницю між файлами не показано, бо вона завелика
Переглянути файл
+ 2238
- 0
public/bgAnimate/js/lockingsize.js
Різницю між файлами не показано, бо вона завелика
Переглянути файл
+ 57
- 0
public/bgAnimate/js/loginbgAn.js
Переглянути файл
| @@ -0,0 +1,57 @@ | |||||
| var canvas, | |||||
| stage, | |||||
| exportRoot, | |||||
| anim_container, | |||||
| dom_overlay_container, | |||||
| fnStartAnimation; | |||||
| function init() { | |||||
| canvas = document.getElementById('canvas'); | |||||
| anim_container = document.getElementById('animation_container'); | |||||
| dom_overlay_container = document.getElementById('dom_overlay_container'); | |||||
| var comp = AdobeAn.getComposition('DB2F2B37738E464D9337052C418E2B8C'); | |||||
| var lib = comp.getLibrary(); | |||||
| var loader = new createjs.LoadQueue(false); | |||||
| loader.addEventListener('fileload', function (evt) { | |||||
| handleFileLoad(evt, comp); | |||||
| }); | |||||
| loader.addEventListener('complete', function (evt) { | |||||
| handleComplete(evt, comp); | |||||
| }); | |||||
| var lib = comp.getLibrary(); | |||||
| loader.loadManifest(lib.properties.manifest); | |||||
| } | |||||
| function handleFileLoad(evt, comp) { | |||||
| var images = comp.getImages(); | |||||
| if (evt && evt.item.type == 'image') { | |||||
| images[evt.item.id] = evt.result; | |||||
| } | |||||
| } | |||||
| function handleComplete(evt, comp) { | |||||
| //This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage. | |||||
| var lib = comp.getLibrary(); | |||||
| var ss = comp.getSpriteSheet(); | |||||
| var queue = evt.target; | |||||
| var ssMetadata = lib.ssMetadata; | |||||
| for (i = 0; i < ssMetadata.length; i++) { | |||||
| ss[ssMetadata[i].name] = new createjs.SpriteSheet({ | |||||
| images: [queue.getResult(ssMetadata[i].name)], | |||||
| frames: ssMetadata[i].frames, | |||||
| }); | |||||
| } | |||||
| exportRoot = new lib.lockinganimatedsize(); | |||||
| stage = new lib.Stage(canvas); | |||||
| //Registers the "tick" event listener. | |||||
| fnStartAnimation = function () { | |||||
| stage.addChild(exportRoot); | |||||
| createjs.Ticker.setFPS(lib.properties.fps); | |||||
| createjs.Ticker.addEventListener('tick', stage); | |||||
| }; | |||||
| //Code to support hidpi screens and responsive scaling. | |||||
| AdobeAn.makeResponsive(true, 'height', true, 2, [ | |||||
| canvas, | |||||
| anim_container, | |||||
| dom_overlay_container, | |||||
| ]); | |||||
| AdobeAn.compositionLoaded(lib.properties.id); | |||||
| fnStartAnimation(); | |||||
| } | |||||
+ 6
- 0
src/pages/login/index.tsx
Переглянути файл
| @@ -54,6 +54,12 @@ export default function Login() { | |||||
| return ( | return ( | ||||
| <div className={styles.login}> | <div className={styles.login}> | ||||
| <iframe | |||||
| src="bgAnimate/bganimat.html" | |||||
| frameBorder="0" | |||||
| className={styles.loginBg} | |||||
| // class="login_bg" | |||||
| ></iframe> | |||||
| <div className={styles.title}> | <div className={styles.title}> | ||||
| <div>欢迎使用</div> | <div>欢迎使用</div> | ||||
| <div>locking</div> | <div>locking</div> | ||||
+ 5
- 0
src/pages/login/login.less
Переглянути файл
| @@ -75,3 +75,8 @@ | |||||
| } | } | ||||
| } | } | ||||
| } | } | ||||
| .loginBg { | |||||
| width: 100%; | |||||
| height: 100%; | |||||
| } | |||||