Commit afd1df03 by doszhang

dos

parent e1c515b9
......@@ -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>
<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-28700 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 文件导入
......
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
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-28700{position:absolute;opacity:1;left:132px;top:343px;width:377px;height:49px;background: url(../images/4945_1590033126.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
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment