dos

Application/Home/View/default/Index_index.tpl

@@ -12,7 +12,7 @@
 //  body 主题部分
 {:block name="body"}
 
-
+<div class="page-2081 page0 page animated"><div class="res-28699 BG"></div><div class="res-28660 choose1"></div><div class="res-28661 choose2"></div><div class="res-28662"></div><div class="res-28663"></div><div class="res-28664 logo"></div></div><div class="page-2083 page1 page animated"><div class="res-28673"></div><div class="res-28674 make"></div><div class="res-28676 username"><input name="username" type="text" /><div class="res-28675 inputTip"></div></div><div class="res-28681 swiperBox"></div><div class="res-28679 hide L-arrow"></div><div class="res-28680 hide R-arrow"></div><div class="res-28677 title"></div><div class="res-28682 logo"></div><div class="res-28683 hide showBox"></div><div class="res-28684 hide again"></div><div class="res-28685 hide saveTip"></div></div><div class="page-2084 page2 page animated"><div class="res-28686"></div><div class="res-28688 username"><input name="username" type="text" /><div class="res-28687 inputTip"></div></div><div class="res-28689 upload"><input name="upload" type="file" accept="image/*" /></div><div class="res-28690 make"></div><div class="res-28698 imgTip"></div><div class="res-28692"></div><div class="res-28694 logo"></div><div class="res-28695 hide again"></div><div class="res-28696 hide saveTip"></div><div class="res-28697 hide showBox"></div></div>
 
 {:/block}
 //js 文件导入

Public/static/css/main.min.css

-body{margin:0;padding:0;-webkit-text-size-adjust:none;}.hide{display:none;}.page{width:640px;height:1238px;position:relative;display:none;overflow:hidden;margin:0 auto;}.page-22{display:block}input,textarea,img{border:0;top:0;left:0;width:100%;height:100%;margin:0;padding:0;}input,textarea{background:transparent;}input[type=file]{opacity:0;}.res-248{position:absolute;opacity:1;width:640px;height:1238px;background: url(../images/999_1583913010.jpg)left top no-repeat;}.res-263{position:absolute;width:640px;height:1238px;}.res-353{position:absolute;opacity:1;left:23px;top:4px;width:365px;height:49px;background: url(../images/4782_1583994647.png)left top no-repeat;}.res-354{position:absolute;opacity:1;left:307px;top:57px;width:178px;height:38px;background: url(../images/1067_1583994644.png)left top no-repeat;}.res-355{position:absolute;opacity:1;left:251px;top:63px;width:46px;height:23px;background: url(../images/7182_1583994644.png)left top no-repeat;}.res-356{position:absolute;opacity:1;left:59px;top:57px;width:179px;height:38px;background: url(../images/1067_1583994644.png)left top no-repeat;}.res-357{position:absolute;opacity:1;left:23px;top:63px;width:28px;height:26px;background: url(../images/8733_1583994643.png)left top no-repeat;}.res-358{position:absolute;opacity:1;left:498px;top:1px;width:94px;height:95px;background: url(../images/6962_1583994643.png)left top no-repeat;}.res-255{position:absolute;opacity:1;left:113px;top:954px;width:412px;height:135px;background: url(../images/601_1583913017.png)left top no-repeat;}.res-256{position:absolute;opacity:1;left:205px;top:878px;width:226px;height:58px;background: url(../images/9225_1583913017.png)left top no-repeat;}.res-257{position:absolute;opacity:1;left:433px;top:349px;width:134px;height:134px;background: url(../images/7169_1583913018.png)left top no-repeat;}.res-258{position:absolute;opacity:1;left:79px;top:345px;width:487px;height:485px;background: url(../images/4642_1583913022.png)left top no-repeat;}.res-259{position:absolute;opacity:1;left:190px;top:454px;width:259px;height:259px;background: url(../images/3272_1583913023.png)left top no-repeat;}.res-260{position:absolute;opacity:1;left:120px;top:808px;width:194px;height:51px;background: url(../images/6301_1583913024.png)left top no-repeat;}.res-261{position:absolute;opacity:1;left:322px;top:808px;width:194px;height:51px;background: url(../images/4553_1583913024.png)left top no-repeat;}.res-262{position:absolute;opacity:1;left:18px;top:148px;width:599px;height:36px;background: url(../images/7295_1583913025.png)left top no-repeat;}.res-264{position:absolute;width:640px;height:1238px;}.res-265{position:absolute;left:190px;top:455px;width:259px;height:258px;background: url(../images/7700_1583913432.png)left top no-repeat;}.res-266{position:absolute;left:190px;top:454px;width:259px;height:259px;}.res-267{position:absolute;top:821px;width:640px;height:40px;}.res-268{position:absolute;left:594px;top:-23px;width:41px;height:41px;background: url(../images/9939_1583913431.png)left top no-repeat;}.res-269{position:absolute;left:594px;top:-23px;width:41px;height:41px;background: url(../images/4395_1583913430.png)left top no-repeat;}.res-270{position:absolute;opacity:1;width:640px;height:1238px;background: url(../images/9470_1583913460.jpg)left top no-repeat;}.res-271{position:absolute;opacity:1;left:44px;top:7px;width:181px;height:51px;background: url(../images/7536_1583913461.png)left top no-repeat;}.res-272{position:absolute;opacity:1;left:262px;top:7px;width:181px;height:51px;background: url(../images/7785_1583913463.png)left top no-repeat;}.res-359{position:absolute;opacity:1;left:66px;top:995px;width:514px;height:26px;background: url(../images/6143_1583995174.png)left top no-repeat;}.animated .res-359{-webkit-animation-name:fadeInUp;-webkit-animation-duration:1.5s;-webkit-animation-delay:0s;-webkit-animation-timing-function:ease-out;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:backwards;}.res-274{position:absolute;left:107px;top:152px;width:426px;height:820px;}.res-275{position:absolute;left:569px;top:110px;width:41px;height:41px;background: url(../images/4395_1583913430.png)left top no-repeat;}.res-276{position:absolute;left:569px;top:110px;width:41px;height:41px;background: url(../images/9939_1583913431.png)left top no-repeat;}.res-286{position:absolute;left:NaNpx;top:209px;width:641px;height:97px;}.res-288{position:absolute;opacity:1;width:410px;height:83px;background: url(../images/4772_1583929624.png)left top no-repeat;}.res-289{position:absolute;opacity:1;left:418px;top:533px;width:115px;height:89px;background: url(../images/5142_1583929625.png)left top no-repeat;}.res-290{position:absolute;width:640px;height:1238px;}.res-291{position:absolute;left:109px;top:557px;width:368px;height:80px;}.res-292{position:absolute;top:652px;width:640px;height:20px;}.res-360{position:absolute;left:78px;top:1038px;width:486px;height:88px;}.res-361{position:absolute;left:91px;top:915px;width:486px;height:55px;background: url(../images/1427_1584072728.png)left top no-repeat;}.animated .res-361{-webkit-animation-name:fadeInUp;-webkit-animation-duration:3s;-webkit-animation-delay:0s;-webkit-animation-timing-function:ease-out;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:backwards;}.res-366{position:absolute;width:640px;height:1238px;}.res-367{position:absolute;left:79px;top:344px;width:489px;height:485px;background: url(../images/724_1584670876.png)left top no-repeat;}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
\ No newline at end of file
+body{margin:0;padding:0;-webkit-text-size-adjust:none;}.hide{display:none;}.page{width:640px;height:1238px;position:relative;display:none;overflow:hidden;margin:0 auto;}.page-2081{display:block}input,textarea,img{border:0;top:0;left:0;width:100%;height:100%;margin:0;padding:0;}input,textarea{background:transparent;}input[type=file]{opacity:0;}.res-28699{position:absolute;opacity:1;width:640px;height:1238px;background: url(../images/8976_1589985314.jpg)left top no-repeat;}.res-28660{position:absolute;opacity:1;left:78px;top:608px;width:219px;height:272px;background: url(../images/2493_1589893407.png)left top no-repeat;}.animated .res-28660{-webkit-animation-name:fadeInLeft;-webkit-animation-duration:1s;-webkit-animation-delay:0.5s;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:backwards;}.res-28661{position:absolute;opacity:1;left:339px;top:608px;width:219px;height:272px;background: url(../images/6370_1589893407.png)left top no-repeat;}.animated .res-28661{-webkit-animation-name:fadeInRight;-webkit-animation-duration:1s;-webkit-animation-delay:0.5s;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:backwards;}.res-28662{position:absolute;opacity:1;left:147px;top:412px;width:347px;height:77px;background: url(../images/3317_1589893408.png)left top no-repeat;}.animated .res-28662{-webkit-animation-name:flipInX;-webkit-animation-duration:1s;-webkit-animation-delay:0s;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:none;}.res-28663{position:absolute;opacity:1;left:85px;top:222px;width:472px;height:90px;background: url(../images/8375_1589893408.png)left top no-repeat;}.animated .res-28663{-webkit-animation-name:fadeInDown;-webkit-animation-duration:1s;-webkit-animation-delay:0s;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:none;}.res-28664{position:absolute;opacity:1;left:44px;top:29px;width:155px;height:42px;background: url(../images/5731_1575604161.png)left top no-repeat;}.res-28680{position:absolute;opacity:1;left:556px;top:576px;width:36px;height:60px;background: url(../images/9564_1589894727.png)left top no-repeat;}.res-28686{position:absolute;opacity:1;width:640px;height:1238px;background: url(../images/5132_1589894623.jpg)left top no-repeat;}.res-28679{position:absolute;opacity:1;left:49px;top:576px;width:36px;height:60px;background: url(../images/3078_1589894727.png)left top no-repeat;}.res-28677{position:absolute;opacity:1;left:85px;top:207px;width:472px;height:90px;background: url(../images/8375_1589893408.png)left top no-repeat;}.animated .res-28677{-webkit-animation-name:bounceIn;-webkit-animation-duration:1s;-webkit-animation-delay:0s;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:none;}.res-28681{position:absolute;top:405px;width:640px;height:410px;}.res-28676{position:absolute;opacity:1;left:116px;top:841px;width:411px;height:73px;background: url(../images/9662_1589894624.png)left top no-repeat;}.res-28675{position:absolute;opacity:1;left:25px;top:18px;width:359px;height:41px;background: url(../images/9446_1589894624.png)left top no-repeat;}.res-28673{position:absolute;opacity:1;width:640px;height:1238px;background: url(../images/5132_1589894623.jpg)left top no-repeat;}.res-28674{position:absolute;opacity:1;left:126px;top:982px;width:393px;height:74px;background: url(../images/5563_1589894623.png)left top no-repeat;}.res-28682{position:absolute;opacity:1;left:44px;top:35px;width:154px;height:41px;background: url(../images/5731_1575604161.png)left top no-repeat;}.res-28683{position:absolute;left:142px;top:430px;width:357px;height:357px;}.res-28684{position:absolute;left:126px;top:982px;width:393px;height:73px;background: url(../images/8680_1589895534.png)left top no-repeat;}.res-28685{position:absolute;left:227px;top:828px;width:187px;height:29px;background: url(../images/9374_1589895534.png)left top no-repeat;}.res-28687{position:absolute;opacity:1;left:25px;top:18px;width:359px;height:41px;background: url(../images/9446_1589894624.png)left top no-repeat;}.res-28688{position:absolute;opacity:1;left:116px;top:841px;width:411px;height:73px;background: url(../images/9662_1589894624.png)left top no-repeat;}.res-28689{position:absolute;opacity:1;left:132px;top:343px;width:377px;height:49px;background: url(../images/5530_1589938556.png)left top no-repeat;}.res-28690{position:absolute;opacity:1;left:126px;top:982px;width:393px;height:74px;background: url(../images/5563_1589894623.png)left top no-repeat;}.res-28698{position:absolute;opacity:1;left:142px;top:418px;width:357px;height:357px;background: url(../images/1684_1589939173.png)left top no-repeat;}.res-28692{position:absolute;opacity:1;left:85px;top:207px;width:472px;height:90px;background: url(../images/8375_1589893408.png)left top no-repeat;}.animated .res-28692{-webkit-animation-name:bounceIn;-webkit-animation-duration:1s;-webkit-animation-delay:0s;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:none;}.res-28694{position:absolute;opacity:1;left:44px;top:35px;width:154px;height:41px;background: url(../images/5731_1575604161.png)left top no-repeat;}.res-28695{position:absolute;left:126px;top:982px;width:393px;height:73px;background: url(../images/8680_1589895534.png)left top no-repeat;}.res-28696{position:absolute;left:227px;top:828px;width:187px;height:29px;background: url(../images/9374_1589895534.png)left top no-repeat;}.res-28697{position:absolute;left:142px;top:418px;width:357px;height:357px;}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes bounceIn{100%,20%,40%,60%,80%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{100%,20%,40%,60%,80%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
\ No newline at end of file