dlstatic / static-wappnr · Commits

Commit d92a4ad505ef66d3225ab04bfdbcaad8b9a7b7a8

Authored by bichao.dong
1 parent afbc2b81

<i class="m-icon icon-arrow-down"></i>

Inline Side-by-side
Showing 7 changed files with 46 additions and 25 deletions
2.0/product-list-direct.html
  View file @d92a4ad
... ... @@ -19,7 +19,7 @@
19 19 <div class="head">
20 20 <i class="m-icon icon-dwtb"></i>
21 21 <h1 class="font-gray">石家庄桥西批发市场</h1>
22   - <i class="m-icon icon-dwtb"></i>
  22 + <i class="m-icon icon-arrow-down"></i>
23 23 </div>
24 24 </header>
25 25 <div class="m-content">
... ...
2.0/product-list-market.html
  View file @d92a4ad
... ... @@ -19,7 +19,7 @@
19 19 <div class="head">
20 20 <i class="m-icon icon-dwtb"></i>
21 21 <h1 class="font-gray">石家庄桥西批发市场</h1>
22   - <i class="m-icon icon-dwtb"></i>
  22 + <i class="m-icon icon-arrow-down"></i>
23 23 </div>
24 24 </header>
25 25 <div class="m-content">
... ...
2.0/product-list-retail.html
  View file @d92a4ad
... ... @@ -19,7 +19,7 @@
19 19 <div class="head">
20 20 <i class="m-icon icon-dwtb"></i>
21 21 <h1 class="font-gray">石家庄市</h1>
22   - <i class="m-icon icon-dwtb"></i>
  22 + <i class="m-icon icon-arrow-down"></i>
23 23 </div>
24 24 </header>
25 25 <div class="m-content">
... ...
css/style/common-2.0.css
  View file @d92a4ad
... ... @@ -443,8 +443,8 @@ This must be run when you have at least 2 sprites.
443 443 }
444 444 .icon-logo-app {
445 445 background-image: url(../../images/dist/sprite.png);
446   - background-position: -630px -160px;
447   - background-position: -315px -80px;
  446 + background-position: -580px -210px;
  447 + background-position: -290px -105px;
448 448 width: 50px;
449 449 width: 25px;
450 450 height: 50px;
... ... @@ -762,8 +762,8 @@ This must be run when you have at least 2 sprites.
762 762 }
763 763 .icon-qtzl {
764 764 background-image: url(../../images/dist/sprite.png);
765   - background-position: -640px -40px;
766   - background-position: -320px -20px;
  765 + background-position: -630px -160px;
  766 + background-position: -315px -80px;
767 767 width: 50px;
768 768 width: 25px;
769 769 height: 50px;
... ... @@ -772,8 +772,8 @@ This must be run when you have at least 2 sprites.
772 772 }
773 773 .icon-scl {
774 774 background-image: url(../../images/dist/sprite.png);
775   - background-position: -580px -210px;
776   - background-position: -290px -105px;
  775 + background-position: -640px -40px;
  776 + background-position: -320px -20px;
777 777 width: 50px;
778 778 width: 25px;
779 779 height: 50px;
... ... @@ -950,6 +950,16 @@ This must be run when you have at least 2 sprites.
950 950 height: 15px;
951 951 background-size: 350px;
952 952 }
  953 +.icon-arrow-down {
  954 + background-image: url(../../images/dist/sprite.png);
  955 + background-position: -668px -415px;
  956 + background-position: -334px -207.5px;
  957 + width: 26px;
  958 + width: 13px;
  959 + height: 14px;
  960 + height: 7px;
  961 + background-size: 350px;
  962 +}
953 963 .icon-back {
954 964 background-image: url(../../images/dist/sprite.png);
955 965 background-position: -680px -160px;
... ...
css/style/m2.0/sprite.less
  View file @d92a4ad
... ... @@ -23,16 +23,16 @@ At the bottom of this section, we provide information about the spritesheet itse
23 23 @icon-information-image: '../../images/dist/sprite.png';
24 24 @icon-information: 580px 0px -580px 0px 120px 40px 700px 580px '../../images/dist/sprite.png' icon-information;
25 25 @icon-logo-app-name: icon-logo-app;
26   -@icon-logo-app-x: 630px;
27   -@icon-logo-app-y: 160px;
28   -@icon-logo-app-offset-x: -630px;
29   -@icon-logo-app-offset-y: -160px;
  26 +@icon-logo-app-x: 580px;
  27 +@icon-logo-app-y: 210px;
  28 +@icon-logo-app-offset-x: -580px;
  29 +@icon-logo-app-offset-y: -210px;
30 30 @icon-logo-app-width: 50px;
31 31 @icon-logo-app-height: 50px;
32 32 @icon-logo-app-total-width: 700px;
33 33 @icon-logo-app-total-height: 580px;
34 34 @icon-logo-app-image: '../../images/dist/sprite.png';
35   -@icon-logo-app: 630px 160px -630px -160px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-logo-app;
  35 +@icon-logo-app: 580px 210px -580px -210px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-logo-app;
36 36 @icon-fiter-name: icon-fiter;
37 37 @icon-fiter-x: 440px;
38 38 @icon-fiter-y: 360px;
... ... @@ -375,27 +375,27 @@ At the bottom of this section, we provide information about the spritesheet itse
375 375 @icon-dgys-image: '../../images/dist/sprite.png';
376 376 @icon-dgys: 580px 160px -580px -160px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-dgys;
377 377 @icon-qtzl-name: icon-qtzl;
378   -@icon-qtzl-x: 640px;
379   -@icon-qtzl-y: 40px;
380   -@icon-qtzl-offset-x: -640px;
381   -@icon-qtzl-offset-y: -40px;
  378 +@icon-qtzl-x: 630px;
  379 +@icon-qtzl-y: 160px;
  380 +@icon-qtzl-offset-x: -630px;
  381 +@icon-qtzl-offset-y: -160px;
382 382 @icon-qtzl-width: 50px;
383 383 @icon-qtzl-height: 50px;
384 384 @icon-qtzl-total-width: 700px;
385 385 @icon-qtzl-total-height: 580px;
386 386 @icon-qtzl-image: '../../images/dist/sprite.png';
387   -@icon-qtzl: 640px 40px -640px -40px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-qtzl;
  387 +@icon-qtzl: 630px 160px -630px -160px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-qtzl;
388 388 @icon-scl-name: icon-scl;
389   -@icon-scl-x: 580px;
390   -@icon-scl-y: 210px;
391   -@icon-scl-offset-x: -580px;
392   -@icon-scl-offset-y: -210px;
  389 +@icon-scl-x: 640px;
  390 +@icon-scl-y: 40px;
  391 +@icon-scl-offset-x: -640px;
  392 +@icon-scl-offset-y: -40px;
393 393 @icon-scl-width: 50px;
394 394 @icon-scl-height: 50px;
395 395 @icon-scl-total-width: 700px;
396 396 @icon-scl-total-height: 580px;
397 397 @icon-scl-image: '../../images/dist/sprite.png';
398   -@icon-scl: 580px 210px -580px -210px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-scl;
  398 +@icon-scl: 640px 40px -640px -40px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-scl;
399 399 @icon-sgl-20150825111731-name: icon-sgl_20150825111731;
400 400 @icon-sgl-20150825111731-x: 630px;
401 401 @icon-sgl-20150825111731-y: 210px;
... ... @@ -583,6 +583,17 @@ At the bottom of this section, we provide information about the spritesheet itse
583 583 @icon-sxsj-total-height: 580px;
584 584 @icon-sxsj-image: '../../images/dist/sprite.png';
585 585 @icon-sxsj: 580px 130px -580px -130px 90px 30px 700px 580px '../../images/dist/sprite.png' icon-sxsj;
  586 +@icon-arrow-down-name: icon-arrow-down;
  587 +@icon-arrow-down-x: 668px;
  588 +@icon-arrow-down-y: 415px;
  589 +@icon-arrow-down-offset-x: -668px;
  590 +@icon-arrow-down-offset-y: -415px;
  591 +@icon-arrow-down-width: 26px;
  592 +@icon-arrow-down-height: 14px;
  593 +@icon-arrow-down-total-width: 700px;
  594 +@icon-arrow-down-total-height: 580px;
  595 +@icon-arrow-down-image: '../../images/dist/sprite.png';
  596 +@icon-arrow-down: 668px 415px -668px -415px 26px 14px 700px 580px '../../images/dist/sprite.png' icon-arrow-down;
586 597 @icon-back-name: icon-back;
587 598 @icon-back-x: 680px;
588 599 @icon-back-y: 160px;
... ... @@ -751,7 +762,7 @@ At the bottom of this section, we provide information about the spritesheet itse
751 762 @spritesheet-width: 700px;
752 763 @spritesheet-height: 580px;
753 764 @spritesheet-image: '../../images/dist/sprite.png';
754   -@spritesheet-sprites: @icon-information @icon-logo-app @icon-fiter @icon-have-point @icon-new @icon-no-point @icon-pro-more @icon-talking @icon-white-jt @icon-cdzg @icon-gqxx @icon-jhd @icon-nhzy @icon-pfsc @icon-tcls @icon-wdnf @icon-yqxx @icon-cao-mei @icon-da-suan @icon-dou-jiao @icon-hua-cai @icon-luo-bo @icon-mo-gu @icon-ping-guo @icon-pro-more2 @icon-pu-tao @icon-tao-zi @icon-tu-dou @icon-xiang-jiao @icon-xue-li @icon-yang-cong @icon-ying-tao @icon-dgys @icon-qtzl @icon-scl @icon-sgl-20150825111731 @icon-spfl @icon-wlfw @icon-ddgl @icon-szgl @icon-tkgl @icon-wdsc @icon-xxgl @icon-back-top @icon-dwtb @icon-lsjt @icon-wsc @icon-xk-no @icon-xk-yes @icon-ysc @icon-sdrz @icon-sxsj @icon-back @icon-call @icon-circle-back @icon-circle-more @icon-circle-star @icon-circle-video @icon-jrjhd @icon-medal-gold @icon-medal-sliver @icon-phone @icon-search-w @icon-search @icon-star @icon-up-down @icon-yjt;
  765 +@spritesheet-sprites: @icon-information @icon-logo-app @icon-fiter @icon-have-point @icon-new @icon-no-point @icon-pro-more @icon-talking @icon-white-jt @icon-cdzg @icon-gqxx @icon-jhd @icon-nhzy @icon-pfsc @icon-tcls @icon-wdnf @icon-yqxx @icon-cao-mei @icon-da-suan @icon-dou-jiao @icon-hua-cai @icon-luo-bo @icon-mo-gu @icon-ping-guo @icon-pro-more2 @icon-pu-tao @icon-tao-zi @icon-tu-dou @icon-xiang-jiao @icon-xue-li @icon-yang-cong @icon-ying-tao @icon-dgys @icon-qtzl @icon-scl @icon-sgl-20150825111731 @icon-spfl @icon-wlfw @icon-ddgl @icon-szgl @icon-tkgl @icon-wdsc @icon-xxgl @icon-back-top @icon-dwtb @icon-lsjt @icon-wsc @icon-xk-no @icon-xk-yes @icon-ysc @icon-sdrz @icon-sxsj @icon-arrow-down @icon-back @icon-call @icon-circle-back @icon-circle-more @icon-circle-star @icon-circle-video @icon-jrjhd @icon-medal-gold @icon-medal-sliver @icon-phone @icon-search-w @icon-search @icon-star @icon-up-down @icon-yjt;
755 766 @spritesheet: 700px 580px '../../images/dist/sprite.png' @spritesheet-sprites;
756 767  
757 768 /*
... ...
images/dist/sprite.png
View file @d92a4ad

285 KB | W: | H:

285 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
images/src/arrow-down.png 0 → 100644
View file @d92a4ad

418 Bytes