Merge branch 'feature/wechatloading' into release/4.5
Showing
4 changed files
with
15 additions
and
15 deletions
static/img/loading-wechat.png
0 → 100644
377 Bytes
@@ -9,7 +9,7 @@ var loading = require('../plugin/loading'), | @@ -9,7 +9,7 @@ var loading = require('../plugin/loading'), | ||
9 | tip = require('../plugin/tip'), | 9 | tip = require('../plugin/tip'), |
10 | Hammer = require('yoho.hammer'); | 10 | Hammer = require('yoho.hammer'); |
11 | // 点击微信显示加载 | 11 | // 点击微信显示加载 |
12 | -var $loadingToast = $(".loadingToast"); | 12 | +var $loadingToast = $(".loading-toast"); |
13 | var theOrderCode = document.getElementById('ordercode').value; | 13 | var theOrderCode = document.getElementById('ordercode').value; |
14 | 14 | ||
15 | var wxPayEl = document.getElementById('weixin'), | 15 | var wxPayEl = document.getElementById('weixin'), |
@@ -67,7 +67,7 @@ | @@ -67,7 +67,7 @@ | ||
67 | } | 67 | } |
68 | } | 68 | } |
69 | /* 加载中 */ | 69 | /* 加载中 */ |
70 | - .loadingToast { | 70 | + .loading-toast { |
71 | position: fixed; | 71 | position: fixed; |
72 | z-index: 3; | 72 | z-index: 3; |
73 | width: 3.8em; | 73 | width: 3.8em; |
@@ -80,27 +80,27 @@ | @@ -80,27 +80,27 @@ | ||
80 | border-radius: 5px; | 80 | border-radius: 5px; |
81 | color: #FFFFFF; | 81 | color: #FFFFFF; |
82 | } | 82 | } |
83 | - .loadingToast:after{ | 83 | + .loading-toast:after{ |
84 | content:''; | 84 | content:''; |
85 | position: absolute; | 85 | position: absolute; |
86 | left:50%; | 86 | left:50%; |
87 | top:50%; | 87 | top:50%; |
88 | - margin-left: -.5rem; | ||
89 | - margin-top: -.5rem; | ||
90 | - width: 1rem; | ||
91 | - height:1rem; | ||
92 | - background: url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAAG5wVGOkIJ/OAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURQAAAP///////////////////////////////+tNPsIAAAAJdFJOUwD+ELHdi00wbfD3fpAAAADbSURBVCjPY2CgDLBnBBtHFCCLsIWGGgNBE5Ka1tBgoIiJcwJcqKI1NF2BqcLExQOuraMDbAybiUsAVKisA6pB1cUVwmBKS4epb3GBSLKnwW1ndXEC0+rlcHuYoBaUFyGckygClilHcjWLIMgwJiUFhBCHYABYCNlnggboQkyCDiBSATkABAUwQglTCKIRBUCMRwGsggHoQhCnooBEQQzTHUXRhZgFhdCFAlGMUgZhQWR97I4gR6G4qlGQKdURRZGyIBggm2QIFgliQFPliubwRkHM1OSImcKU4SwAH1UgWePsA0wAAAAASUVORK5CYII="); | ||
93 | - background-size:1rem; | ||
94 | - -webkit-animation: rotate .7s infinite; | ||
95 | - -webkit-animation-timing-function: linear; | 88 | + margin-left: -20px; |
89 | + margin-top: -20px; | ||
90 | + width: 40px; | ||
91 | + height: 40px; | ||
92 | + background: resolve("loading-wechat.png"); | ||
93 | + background-size:40px; | ||
94 | + animation: rotate .7s infinite; | ||
95 | + animation-timing-function: linear; | ||
96 | } | 96 | } |
97 | } | 97 | } |
98 | -@-webkit-keyframes rotate { | 98 | +@keyframes rotate { |
99 | 0% { | 99 | 0% { |
100 | - -webkit-transform: rotate(0deg) | 100 | + transform: rotate(0deg) |
101 | } | 101 | } |
102 | 102 | ||
103 | 100% { | 103 | 100% { |
104 | - -webkit-transform: rotate(360deg) | 104 | + transform: rotate(360deg) |
105 | } | 105 | } |
106 | } | 106 | } |
@@ -31,7 +31,7 @@ | @@ -31,7 +31,7 @@ | ||
31 | {{/if}} | 31 | {{/if}} |
32 | {{/ payAppInfo}} | 32 | {{/ payAppInfo}} |
33 | </div> | 33 | </div> |
34 | - <div class="loadingToast hide"></div> | 34 | + <div class="loading-toast hide"></div> |
35 | </div> | 35 | </div> |
36 | <script>_ozprm="orderid={{orderCode}}&ordertotal={{orderTotal}}";</script> | 36 | <script>_ozprm="orderid={{orderCode}}&ordertotal={{orderTotal}}";</script> |
37 | <script type="text/javascript" src ="//static.yohobuy.com/m/v1/js/AG_Tracking.js"></script> | 37 | <script type="text/javascript" src ="//static.yohobuy.com/m/v1/js/AG_Tracking.js"></script> |
-
Please register or login to post a comment