Authored by 王洪广

Merge branch 'feature/wechatloading' into release/4.5

@@ -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>