Authored by yyq

图标替换

@@ -79,7 +79,7 @@ @@ -79,7 +79,7 @@
79 {{#isY is_multi_package}} 79 {{#isY is_multi_package}}
80 <div class="multi-package-row"> 80 <div class="multi-package-row">
81 温馨提示:您购买的商品<em class="red">分属不同仓库</em>,需要调拨,将被拆分成多个包裹送达 81 温馨提示:您购买的商品<em class="red">分属不同仓库</em>,需要调拨,将被拆分成多个包裹送达
82 - <span class="iconfont show-package">&#xe628;</span> 82 + <span class="show-package"></span>
83 <div class="package-list hide"> 83 <div class="package-list hide">
84 <div class="package-up-icon"></div> 84 <div class="package-up-icon"></div>
85 {{#each ../package_list}} 85 {{#each ../package_list}}
@@ -194,7 +194,7 @@ @@ -194,7 +194,7 @@
194 <div class="outer-view"> 194 <div class="outer-view">
195 <p class="coin-err-tip">{{coinErrorTip}}</p> 195 <p class="coin-err-tip">{{coinErrorTip}}</p>
196 <p>有货币满<span class="red">{{yoho_coin_pay_rule.num_limit}}</span>个即可使用,每次使用有货币为<span class="red">{{yoho_coin_pay_rule.num_limit}}</span>的整数倍</p> 196 <p>有货币满<span class="red">{{yoho_coin_pay_rule.num_limit}}</span>个即可使用,每次使用有货币为<span class="red">{{yoho_coin_pay_rule.num_limit}}</span>的整数倍</p>
197 - <i class="iconfont help-icon">&#xe628;</i> 197 + <i class="help-icon"></i>
198 <div class="coin-tip-help"> 198 <div class="coin-tip-help">
199 <p>有货币使用提示:</p> 199 <p>有货币使用提示:</p>
200 <p> 200 <p>
@@ -173,7 +173,7 @@ @@ -173,7 +173,7 @@
173 <div class="outer-view"> 173 <div class="outer-view">
174 <p class="coin-err-tip">\{{coinErrorTip}}</p> 174 <p class="coin-err-tip">\{{coinErrorTip}}</p>
175 <p>有货币满<span class="red">\{{yoho_coin_pay_rule.num_limit}}</span>个即可使用,每次使用有货币为<span class="red">\{{yoho_coin_pay_rule.num_limit}}</span>的整数倍</p> 175 <p>有货币满<span class="red">\{{yoho_coin_pay_rule.num_limit}}</span>个即可使用,每次使用有货币为<span class="red">\{{yoho_coin_pay_rule.num_limit}}</span>的整数倍</p>
176 - <i class="iconfont help-icon">&#xe628;</i> 176 + <i class="help-icon"></i>
177 <div class="coin-tip-help"> 177 <div class="coin-tip-help">
178 <p>有货币使用提示:</p> 178 <p>有货币使用提示:</p>
179 <p> 179 <p>

42.1 KB | W: | H:

42.5 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
@@ -523,8 +523,12 @@ @@ -523,8 +523,12 @@
523 } 523 }
524 524
525 .show-package { 525 .show-package {
526 - font-size: 16px; 526 + display: inline-block;
  527 + width: 16px;
  528 + height: 16px;
  529 + background: url(/cart/help-mark.png);
527 cursor: pointer; 530 cursor: pointer;
  531 + vertical-align: text-bottom;
528 } 532 }
529 533
530 .package-up-icon { 534 .package-up-icon {
@@ -962,12 +966,15 @@ @@ -962,12 +966,15 @@
962 } 966 }
963 967
964 .help-icon { 968 .help-icon {
  969 + display: block;
  970 + width: 16px;
  971 + height: 16px;
  972 + background: url(/cart/help-mark.png);
965 position: absolute; 973 position: absolute;
966 right: 0; 974 right: 0;
967 - top: 0; 975 + top: 4px;
968 cursor: pointer; 976 cursor: pointer;
969 977
970 -  
971 &:hover + .coin-tip-help { 978 &:hover + .coin-tip-help {
972 display: block; 979 display: block;
973 } 980 }
@@ -1315,6 +1322,16 @@ @@ -1315,6 +1322,16 @@
1315 position: relative; 1322 position: relative;
1316 z-index: 1; 1323 z-index: 1;
1317 1324
  1325 + &:after {
  1326 + content: '';
  1327 + width: 13px;
  1328 + height: 7px;
  1329 + background-image: url(/cart/area-bottom-sharp.png);
  1330 + position: absolute;
  1331 + right: 10px;
  1332 + top: 12px;
  1333 + }
  1334 +
1318 > span { 1335 > span {
1319 width: 92%; 1336 width: 92%;
1320 font-size: 14px; 1337 font-size: 14px;