swipe components

2017-03-15 17:25:28 +08:00
parent 12832511c9
commit cf8b8dab2d
69 changed files with 2487 additions and 58 deletions
@@ -0,0 +1,12 @@
+Font license info
+
+
+## zanui-icon
+
+   Copyright (C) 2017 by original authors
+
+   Author:    houzi, zhangmin
+   License:   MIT (https://opensource.org/licenses/MIT)
+   Homepage:  http://github.com/youzan
+
+
@@ -0,0 +1,59 @@
+This webfont is generated by iconfount.
+
+
+================================================================================
+Please, note, that you should obey original font licenses, used to make this
+webfont pack. Details available in LICENSE.txt file.
+
+- Usually, it's enough to publish content of LICENSE.txt file somewhere on your
+  site in "About" section.
+
+- If your project is open-source, usually, it will be ok to make LICENSE.txt
+  file publicly available in your repository.
+
+- Fonts, used in iconfount, don't require a clickable link on your site.
+  But any kind of additional authors crediting is welcome.
+================================================================================
+
+
+Comments on output content
+---------------------------
+
+- /font/* - fonts in different formats
+
+- /css/*  - different kinds of css, for all situations. Should be ok with
+  twitter bootstrap. Also, you can skip <i> style and assign icon classes
+  directly to text elements, if you don't mind about IE7.
+
+- demo.html - demo file, to show your webfont content
+
+- LICENSE.txt - license info about source fonts, used to build your one.
+
+- config.json - for debugging only
+
+
+Why so many CSS files ?
+-----------------------
+
+Because we like to fit all your needs :)
+
+- basic file, <your_font_name>.css - is usually enough, it contains @font-face
+  and character code definitions
+
+- *-ie7.css - if you need IE7 support, but still don't wish to put char codes
+  directly into html
+
+- *-codes.css and *-ie7-codes.css - if you like to use your own @font-face
+  rules, but still wish to benefit from css generation. That can be very
+  convenient for automated asset build systems. When you need to update font -
+  no need to manually edit files, just override old version with archive
+  content.
+
+- *-embedded.css - basic css file, but with embedded WOFF font, to avoid
+  CORS issues in Firefox and IE9+, when fonts are hosted on the separate domain.
+  We strongly recommend to resolve this issue by `Access-Control-Allow-Origin`
+  server headers. But if you ok with dirty hack - this file is for you. Note,
+  that data url moved to separate @font-face to avoid problems with <IE9, when
+  string is too long.
+
+- animate.css - use it to get ideas about spinner rotation animation.
@@ -0,0 +1,269 @@
+[
+  {
+    "name": "qr-invalid",
+    "css": "zan-icon-qr-invalid",
+    "hexCodepoint": "0xe800",
+    "codepoint": 59392,
+    "keywords": [
+      "qr",
+      "invalid"
+    ]
+  },
+  {
+    "name": "qr",
+    "css": "zan-icon-qr",
+    "hexCodepoint": "0xe801",
+    "codepoint": 59393,
+    "keywords": [
+      "qr"
+    ]
+  },
+  {
+    "name": "pay-fail",
+    "css": "zan-icon-pay-fail",
+    "hexCodepoint": "0xe802",
+    "codepoint": 59394,
+    "keywords": [
+      "pay",
+      "fail"
+    ]
+  },
+  {
+    "name": "exchange",
+    "css": "zan-icon-exchange",
+    "hexCodepoint": "0xe803",
+    "codepoint": 59395,
+    "keywords": [
+      "exchange"
+    ]
+  },
+  {
+    "name": "close",
+    "css": "zan-icon-close",
+    "hexCodepoint": "0xe804",
+    "codepoint": 59396,
+    "keywords": [
+      "close"
+    ]
+  },
+  {
+    "name": "location",
+    "css": "zan-icon-location",
+    "hexCodepoint": "0xe805",
+    "codepoint": 59397,
+    "keywords": [
+      "location"
+    ]
+  },
+  {
+    "name": "upgrade",
+    "css": "zan-icon-upgrade",
+    "hexCodepoint": "0xe806",
+    "codepoint": 59398,
+    "keywords": [
+      "upgrade"
+    ]
+  },
+  {
+    "name": "check",
+    "css": "zan-icon-check",
+    "hexCodepoint": "0xe807",
+    "codepoint": 59399,
+    "keywords": [
+      "check"
+    ]
+  },
+  {
+    "name": "checked",
+    "css": "zan-icon-checked",
+    "hexCodepoint": "0xe808",
+    "codepoint": 59400,
+    "keywords": [
+      "checked"
+    ]
+  },
+  {
+    "name": "like-o",
+    "css": "zan-icon-like-o",
+    "hexCodepoint": "0xe809",
+    "codepoint": 59401,
+    "keywords": [
+      "like",
+      "outline"
+    ]
+  },
+  {
+    "name": "like",
+    "css": "zan-icon-like",
+    "hexCodepoint": "0xe80a",
+    "codepoint": 59402,
+    "keywords": [
+      "like",
+      "filled"
+    ]
+  },
+  {
+    "name": "chat",
+    "css": "zan-icon-chat",
+    "hexCodepoint": "0xe80b",
+    "codepoint": 59403,
+    "keywords": [
+      "chat"
+    ]
+  },
+  {
+    "name": "paid",
+    "css": "zan-icon-paid",
+    "hexCodepoint": "0xe80c",
+    "codepoint": 59404,
+    "keywords": [
+      "account",
+      "paid"
+    ]
+  },
+  {
+    "name": "delivered",
+    "css": "zan-icon-delivered",
+    "hexCodepoint": "0xe80d",
+    "codepoint": 59405,
+    "keywords": [
+      "delivered"
+    ]
+  },
+  {
+    "name": "finished",
+    "css": "zan-icon-finished",
+    "hexCodepoint": "0xe80e",
+    "codepoint": 59406,
+    "keywords": [
+      "finished"
+    ]
+  },
+  {
+    "name": "shop",
+    "css": "zan-icon-shop",
+    "hexCodepoint": "0xe80f",
+    "codepoint": 59407,
+    "keywords": [
+      "shop"
+    ]
+  },
+  {
+    "name": "deliver",
+    "css": "zan-icon-deliver",
+    "hexCodepoint": "0xe810",
+    "codepoint": 59408,
+    "keywords": [
+      "deliver"
+    ]
+  },
+  {
+    "name": "success",
+    "css": "zan-icon-success",
+    "hexCodepoint": "0xe811",
+    "codepoint": 59409,
+    "keywords": [
+      "success"
+    ]
+  },
+  {
+    "name": "photograph",
+    "css": "zan-icon-photograph",
+    "hexCodepoint": "0xe812",
+    "codepoint": 59410,
+    "keywords": [
+      "photograph"
+    ]
+  },
+  {
+    "name": "add",
+    "css": "zan-icon-add",
+    "hexCodepoint": "0xe813",
+    "codepoint": 59411,
+    "keywords": [
+      "add"
+    ]
+  },
+  {
+    "name": "not-payed",
+    "css": "zan-icon-not-payed",
+    "hexCodepoint": "0xe814",
+    "codepoint": 59412,
+    "keywords": [
+      "not",
+      "payed"
+    ]
+  },
+  {
+    "name": "add2",
+    "css": "zan-icon-add2",
+    "hexCodepoint": "0xe815",
+    "codepoint": 59413,
+    "keywords": [
+      "add2"
+    ]
+  },
+  {
+    "name": "photo",
+    "css": "zan-icon-photo",
+    "hexCodepoint": "0xe816",
+    "codepoint": 59414,
+    "keywords": [
+      "photo"
+    ]
+  },
+  {
+    "name": "logistics",
+    "css": "zan-icon-logistics",
+    "hexCodepoint": "0xe817",
+    "codepoint": 59415,
+    "keywords": [
+      "logistics"
+    ]
+  },
+  {
+    "name": "edit",
+    "css": "zan-icon-edit",
+    "hexCodepoint": "0xe818",
+    "codepoint": 59416,
+    "keywords": [
+      "edit"
+    ]
+  },
+  {
+    "name": "passed",
+    "css": "zan-icon-passed",
+    "hexCodepoint": "0xe819",
+    "codepoint": 59417,
+    "keywords": [
+      "passed"
+    ]
+  },
+  {
+    "name": "cart",
+    "css": "zan-icon-cart",
+    "hexCodepoint": "0xe81a",
+    "codepoint": 59418,
+    "keywords": [
+      "cart"
+    ]
+  },
+  {
+    "name": "arrow",
+    "css": "zan-icon-arrow",
+    "hexCodepoint": "0xe81b",
+    "codepoint": 59419,
+    "keywords": [
+      "arrow"
+    ]
+  },
+  {
+    "name": "gift",
+    "css": "zan-icon-gift",
+    "hexCodepoint": "0xe81c",
+    "codepoint": 59420,
+    "keywords": [
+      "gift"
+    ]
+  }
+]
@@ -0,0 +1,353 @@
+{
+  "font": {
+    "fontname": "zanui-icon",
+    "fullname": "zanui-icon",
+    "familyname": "zanui-icon",
+    "copyright": "Copyright (C) 2017 by original authors",
+    "ascent": 850,
+    "descent": -150,
+    "weight": 400
+  },
+  "output": "/Users/cookfront/Sites/work/zanui-vue/packages/zanui-css/build",
+  "hinting": true,
+  "meta": {
+    "author": "houzi, zhangmin",
+    "license": "MIT",
+    "license_url": "https://opensource.org/licenses/MIT",
+    "homepage": "http://github.com/youzan",
+    "css_prefix_text": "zan-icon-",
+    "filename_hash": "-3f61f62c01",
+    "columns": 4,
+    "css_use_suffix": false
+  },
+  "glyphs": [
+    {
+      "src": "二维码失效.svg",
+      "code": 59392,
+      "css": "qr-invalid",
+      "keywords": [
+        "qr",
+        "invalid"
+      ],
+      "width": 1000,
+      "d": "M455 438l-33-42h-422v454h455v-412z m-319 276v-182h182v182h-182z m0-687l-136-177h227l228 294v-294h-455v455h351l-105-137h-110v-141z m443 278h148v-228h-181v185l33 43z m-33-273h181v-182h-181z m227 273h227v-137h-227z m0 0h91v-455h-91z m136 0h91v-455h-91z m-45 369l136 176h-227l-227-294v294h454v-454h-351l105 136h110v142z",
+      "segments": 64
+    },
+    {
+      "src": "二维码.svg",
+      "code": 59393,
+      "css": "qr",
+      "keywords": [
+        "qr"
+      ],
+      "width": 1000,
+      "d": "M0 850h455v-454h-455v454z m136-136v-182h182v182h-182z m-136-409h455v-455h-455v455z m136-137v-182h182v182h-182z m410 137h181v-228h-181z m0-273h181v-182h-181z m227 273h227v-137h-227z m0 0h91v-455h-91z m136 0h91v-455h-91z m-363 545h454v-454h-454v454z m136-136v-182h182v182h-182z",
+      "segments": 61
+    },
+    {
+      "src": "交易失败.svg",
+      "code": 59394,
+      "css": "pay-fail",
+      "keywords": [
+        "pay",
+        "fail"
+      ],
+      "width": 1000,
+      "d": "M413 413l176-177m0 177l-176-177",
+      "segments": 4
+    },
+    {
+      "src": "兑换.svg",
+      "code": 59395,
+      "css": "exchange",
+      "keywords": [
+        "exchange"
+      ],
+      "width": 1000,
+      "d": "M0 850h1000v-1000h-1000z m500-475c-205 0-375 97-375 225s170 225 375 225 375-97 375-225-170-225-375-225z m0 50c181 0 325 82 325 175s-144 175-325 175-325-82-325-175 144-175 325-175z m-272 19a292 292 0 0 0-41 31c-39-35-62-78-62-125 0-128 170-225 375-225s375 97 375 225c0 47-23 90-62 125-12-11-26-21-41-31 34-27 53-60 53-94 0-93-144-175-325-175s-325 82-325 175c0 34 19 67 53 94z m0-250a292 292 0 0 0-41 31c-39-35-62-78-62-125 0-128 170-225 375-225s375 97 375 225c0 47-23 90-62 125-12-11-26-21-41-31 34-27 53-60 53-94 0-93-144-175-325-175s-325 82-325 175c0 34 19 67 53 94z",
+      "segments": 41
+    },
+    {
+      "src": "关闭.svg",
+      "code": 59396,
+      "css": "close",
+      "keywords": [
+        "close"
+      ],
+      "width": 1000,
+      "d": "M0 850h1000v-1000h-1000z m500-909a409 409 0 1 1 0 818 409 409 0 0 1 0-818z m0-46c-251 0-454 204-454 455s203 455 454 455 455-204 455-455-204-455-455-455z m2 486l-145 144a23 23 0 0 1-32-32l145-145-145-144a23 23 0 0 1 32-32l145 144 144-144a23 23 0 1 1 32 32l-144 144 144 145a23 23 0 1 1-32 32l-144-144z",
+      "segments": 29
+    },
+    {
+      "src": "其他分店.svg",
+      "code": 59397,
+      "css": "location",
+      "keywords": [
+        "location"
+      ],
+      "width": 1000,
+      "d": "M0 850h1000v-1000h-1000z m539-913a831 831 0 0 1 140 93c124 102 196 226 196 376 0 211-168 382-375 382s-375-171-375-382c0-150 73-274 196-376a831 831 0 0 1 179-112c11 5 24 11 39 19z m-39-87s-437 167-437 556c0 245 195 444 437 444s438-199 438-444c0-389-438-556-438-556z m0 438a125 125 0 1 1 0 250 125 125 0 0 1 0-250z m0-63a188 188 0 1 0 0 375 188 188 0 0 0 0-375z",
+      "segments": 28
+    },
+    {
+      "src": "升级地址.svg",
+      "code": 59398,
+      "css": "upgrade",
+      "keywords": [
+        "upgrade"
+      ],
+      "width": 1000,
+      "d": "M0 850h1000v-1000h-1000z m500-917c230 0 417 187 417 417s-187 417-417 417-417-187-417-417 187-417 417-417z m0-41c-253 0-458 205-458 458s205 458 458 458 458-205 458-458-205-458-458-458z m21 616l173-173 29 30-223 223-223-223 29-30 173 173v-450h42z",
+      "segments": 27
+    },
+    {
+      "src": "单选.svg",
+      "code": 59399,
+      "css": "check",
+      "keywords": [
+        "check"
+      ],
+      "width": 1000,
+      "d": "M0 850h1000v-1000h-1000z m500-841a341 341 0 1 1 0 682 341 341 0 0 1 0-682z m0-68a409 409 0 1 0 0 818 409 409 0 0 0 0-818z",
+      "segments": 13
+    },
+    {
+      "src": "选中.svg",
+      "code": 59400,
+      "css": "checked",
+      "keywords": [
+        "checked"
+      ],
+      "width": 1000,
+      "d": "M500-59a409 409 0 1 0 0 818 409 409 0 0 0 0-818z m-172 464l-65-64 169-169 305 305-65 64-240-240-104 104z",
+      "segments": 12
+    },
+    {
+      "src": "喜欢.svg",
+      "code": 59401,
+      "css": "like-o",
+      "keywords": [
+        "like",
+        "outline"
+      ],
+      "width": 1200,
+      "d": "M1097 474c0-163-93-295-251-399a1028 1028 0 0 0-180-94 811 811 0 0 0-80-28l29 0a846 846 0 0 0-81 29 1072 1072 0 0 0-180 97c-158 106-251 237-251 395 0 283 292 379 453 116 20-34 68-33 88 0 157 264 453 167 453-116z m103 0c0 386-432 528-644 170l88 1c-217 355-644 215-644-171 0-199 113-359 297-483a1173 1173 0 0 1 289-139 51 51 0 0 1 28 0c5 1 14 4 26 8 20 7 41 15 65 24a1129 1129 0 0 1 197 103c185 122 298 283 298 487z",
+      "segments": 24
+    },
+    {
+      "src": "喜欢.svg",
+      "code": 59402,
+      "css": "like",
+      "keywords": [
+        "like",
+        "filled"
+      ],
+      "width": 1200,
+      "d": "M1097 474c0-163-93-295-251-399a1028 1028 0 0 0-180-94 811 811 0 0 0-80-28l29 0a846 846 0 0 0-81 29 1072 1072 0 0 0-180 97c-158 106-251 237-251 395 0 283 292 379 453 116 20-34 68-33 88 0 157 264 453 167 453-116z m103 0c0 386-432 528-644 170l88 1c-217 355-644 215-644-171 0-199 113-359 297-483a1173 1173 0 0 1 289-139 51 51 0 0 1 28 0c5 1 14 4 26 8 20 7 41 15 65 24a1129 1129 0 0 1 197 103c185 122 298 283 298 487z",
+      "segments": 24
+    },
+    {
+      "src": "客服.svg",
+      "code": 59403,
+      "css": "chat",
+      "keywords": [
+        "chat"
+      ],
+      "width": 1000,
+      "d": "M0 850h1000v-1000h-1000z m313-874l-146-71c-25-12-42 0-39 27l22 167a418 418 0 0 0-100 270c0 238 202 431 450 431s450-193 450-431c0-238-201-431-450-431a465 465 0 0 0-187 38z m-111 139l-19-147 130 64a414 414 0 0 1 187-44c221 0 400 171 400 381 0 210-179 381-400 381s-400-171-400-381c0-98 39-187 102-254z",
+      "segments": 24
+    },
+    {
+      "src": "已付款.svg",
+      "code": 59404,
+      "css": "paid",
+      "keywords": [
+        "account",
+        "paid"
+      ],
+      "width": 1000,
+      "d": "",
+      "segments": 0
+    },
+    {
+      "src": "已发货.svg",
+      "code": 59405,
+      "css": "delivered",
+      "keywords": [
+        "delivered"
+      ],
+      "width": 1000,
+      "d": "",
+      "segments": 0
+    },
+    {
+      "src": "已完成.svg",
+      "code": 59406,
+      "css": "finished",
+      "keywords": [
+        "finished"
+      ],
+      "width": 1000,
+      "d": "M385 318l77-76 153 191",
+      "segments": 3
+    },
+    {
+      "src": "店铺.svg",
+      "code": 59407,
+      "css": "shop",
+      "keywords": [
+        "shop"
+      ],
+      "width": 1000,
+      "d": "M0 850h1000v-1000h-1000z m438-875v156c0 86 69 157 156 157 86 0 156-71 156-157v-156h0c35 0 63 35 63 81v297a156 156 0 0 0-164 71 187 187 0 0 0-149-74 187 187 0 0 0-149 74 156 156 0 0 0-163-71v-297c0-45 28-81 62-81h188z m62 0h188v156c0 52-43 94-94 94-52 0-94-42-94-94v-156z m375 406v-344c0-69-56-125-126-125h-498a125 125 0 0 0-126 125v344a156 156 0 0 0-62 125v157c0 69 56 125 125 125h624c69 0 126-56 126-125v-157c0-51-25-96-63-125z m0 125c0-51-42-93-94-93a93 93 0 0 0-79 44 63 63 0 0 1-50 30l-3 0c-20 0-38-9-50-25a124 124 0 0 0-99-49 124 124 0 0 0-99 49 63 63 0 0 1-50 25l-3 0a63 63 0 0 1-50-30 93 93 0 0 0-79-44c-52 0-94 42-94 93v157c0 34 29 62 63 62h624c35 0 63-29 63-62v-157z",
+      "segments": 61
+    },
+    {
+      "src": "待发货.svg",
+      "code": 59408,
+      "css": "deliver",
+      "keywords": [
+        "deliver"
+      ],
+      "width": 1000,
+      "d": "M363 406h275m-275-100h275m-275-100h275",
+      "segments": 6
+    },
+    {
+      "src": "成功开团.svg",
+      "code": 59409,
+      "css": "success",
+      "keywords": [
+        "success"
+      ],
+      "width": 1000,
+      "d": "M0 850h1000v-1000h-1000z m299-428l-64-77 239-199 432 539-78 63-368-460z",
+      "segments": 12
+    },
+    {
+      "src": "拍照.svg",
+      "code": 59410,
+      "css": "photograph",
+      "keywords": [
+        "photograph"
+      ],
+      "width": 1167,
+      "d": "M333 683l47 93c20 41 74 74 121 74h165c46 0 101-33 121-74l46-93h250c46 0 84-38 84-83v-667a83 83 0 0 0-84-83h-999a84 84 0 0 0-84 83v667a83 83 0 0 0 84 83h249z m250-666a250 250 0 1 1 0 500 250 250 0 0 1 0-500z m0 166a83 83 0 1 0 0 167 83 83 0 0 0 0-167z",
+      "segments": 24
+    },
+    {
+      "src": "新增地址.svg",
+      "code": 59411,
+      "css": "add",
+      "keywords": [
+        "add"
+      ],
+      "width": 1000,
+      "d": "M500-59a409 409 0 1 0 0 818 409 409 0 0 0 0-818z m-34 443h-170a34 34 0 1 1 0-68h170v-170a34 34 0 1 1 68 0v170h171a34 34 0 1 1 0 68h-171v171a34 34 0 1 1-68 0v-171z",
+      "segments": 18
+    },
+    {
+      "src": "未付款.svg",
+      "code": 59412,
+      "css": "not-payed",
+      "keywords": [
+        "not",
+        "payed"
+      ],
+      "width": 1000,
+      "d": "",
+      "segments": 0
+    },
+    {
+      "src": "添加.svg",
+      "code": 59413,
+      "css": "add2",
+      "keywords": [
+        "add2"
+      ],
+      "width": 1000,
+      "d": "M0 750c0 55 45 100 100 100h800c55 0 100-45 100-100v-800c0-55-45-100-100-100h-800c-55 0-100 45-100 100v800z m463-362h-188a38 38 0 0 1 0-75h188v-188a38 38 0 0 1 75 0v188h187a38 38 0 0 1 0 75h-187v187a38 38 0 0 1-75 0v-187z",
+      "segments": 24
+    },
+    {
+      "src": "照片.svg",
+      "code": 59414,
+      "css": "photo",
+      "keywords": [
+        "photo"
+      ],
+      "width": 1167,
+      "d": "M0 767c0 46 38 83 84 83h999a84 84 0 0 0 84-83v-834c0-46-38-83-84-83h-999a84 84 0 0 0-84 83v834z m734-366l-234-384h554l-234 384c-24 40-62 39-86 0z m-292 252l-359-636h352s232 384 230 388l-141 249c-22 40-59 39-82-1z",
+      "segments": 23
+    },
+    {
+      "src": "物流.svg",
+      "code": 59415,
+      "css": "logistics",
+      "keywords": [
+        "logistics"
+      ],
+      "width": 1000,
+      "d": "M0 850h1000v-1000h-1000z m79-562l65 254c18 66 87 121 156 121h138",
+      "segments": 9
+    },
+    {
+      "src": "编辑地址.svg",
+      "code": 59416,
+      "css": "edit",
+      "keywords": [
+        "edit"
+      ],
+      "width": 1000,
+      "d": "M0 850h1000v-1000h-1000z m917-833a83 83 0 0 0-83-84h-668a83 83 0 0 0-83 84v583c0 46 38 83 84 83h447v-41h-447a42 42 0 0 1-42-42v-583c0-23 19-42 41-42h668c22 0 41 19 41 42v530h42v-530z m0 0a83 83 0 0 0-83-84h-668a83 83 0 0 0-83 84v583c0 46 38 83 84 83h447v-41h-447a42 42 0 0 1-42-42v-583c0-23 19-42 41-42h668c22 0 41 19 41 42v530h42v-530z m-415 299c16 5 42 22 54 33l314 309a40 40 0 0 1 0 58l-5 4a43 43 0 0 1-60 0l-314-308c-12-11-27-36-31-51l-21-68 63 23z m393 434l4-5a82 82 0 0 0 0-117l-314-308c-16-16-47-36-69-44l-102-37c-22-8-34 4-27 26l33 108c6 21 25 52 42 68l314 309a85 85 0 0 0 119 0z",
+      "segments": 64
+    },
+    {
+      "src": "认证通过.svg",
+      "code": 59417,
+      "css": "passed",
+      "keywords": [
+        "passed"
+      ],
+      "width": 1000,
+      "d": "M0 850h1000v-1000h-1000z m500-857a357 357 0 1 1 0 714 357 357 0 0 1 0-714z m0-72a429 429 0 1 0 0 858 429 429 0 0 0 0-858z m-189 454l-51-50 169-168 311 311-51 50-260-260z",
+      "segments": 20
+    },
+    {
+      "src": "购物车.svg",
+      "code": 59418,
+      "css": "cart",
+      "keywords": [
+        "cart"
+      ],
+      "width": 1000,
+      "d": "M0 850h1000v-1000h-1000z m231-200l60-300h564l64 300h-688z m-51 0h-130a25 25 0 0 0 0 50h900a25 25 0 0 0 25-30l-75-350a25 25 0 0 0-25-20h-574l20-100h529a25 25 0 1 0 0-50h-550a25 25 0 0 0-24 20l-96 480z m220-700a50 50 0 1 1 0 100 50 50 0 0 1 0-100z m0-50a100 100 0 1 0 0 200 100 100 0 0 0 0-200z m350 50a50 50 0 1 1 0 100 50 50 0 0 1 0-100z m0-50a100 100 0 1 0 0 200 100 100 0 0 0 0-200z",
+      "segments": 42
+    },
+    {
+      "src": "进入箭头.svg",
+      "code": 59419,
+      "css": "arrow",
+      "keywords": [
+        "arrow"
+      ],
+      "width": 600,
+      "d": "M600 350l-504 500-96-95 408-405-408-405 96-95z",
+      "segments": 7
+    },
+    {
+      "src": "送礼.svg",
+      "code": 59420,
+      "css": "gift",
+      "keywords": [
+        "gift"
+      ],
+      "width": 1000,
+      "d": "M0 850h1000v-1000h-1000z m881-400c10 0 19 9 19 20v210c0 11-9 20-19 20h-762a20 20 0 0 1-19-20v-210c0-11 9-20 19-20h762z m0-50h-762c-38 0-69 32-69 70v210c0 39 31 70 69 70h762c38 0 69-31 69-70v-210c0-38-31-70-69-70z m-731 0v-367c0-19 12-33 23-33h654c11 0 23 14 23 33v367h-700z m677-450h-654c-40 0-73 37-73 83v417h800v-417c0-46-33-83-73-83z m-353 294a50 50 0 0 0 52 0l74-45v501h-200v-501l74 45z m-124-134v640h300v-640l-150 92-150-92z",
+      "segments": 56
+    }
+  ],
+  "badGlyphs": [
+    59395
+  ]
+}
@@ -0,0 +1,87 @@
+/* DO NOT EDIT!! Generated by iconfount */
+
+/*
+   Animation example, for spinners
+*/
+.animate-spin {
+  -moz-animation: spin 2s infinite linear;
+  -o-animation: spin 2s infinite linear;
+  -webkit-animation: spin 2s infinite linear;
+  animation: spin 2s infinite linear;
+  display: inline-block;
+}
+@-moz-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-webkit-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-o-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-ms-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
@@ -0,0 +1,32 @@
+/* DO NOT EDIT! Generated by iconfount */
+
+
+.zan-icon-qr-invalid:before { content: '\e800'; } /* '' */
+.zan-icon-qr:before { content: '\e801'; } /* '' */
+.zan-icon-pay-fail:before { content: '\e802'; } /* '' */
+.zan-icon-exchange:before { content: '\e803'; } /* '' */
+.zan-icon-close:before { content: '\e804'; } /* '' */
+.zan-icon-location:before { content: '\e805'; } /* '' */
+.zan-icon-upgrade:before { content: '\e806'; } /* '' */
+.zan-icon-check:before { content: '\e807'; } /* '' */
+.zan-icon-checked:before { content: '\e808'; } /* '' */
+.zan-icon-like-o:before { content: '\e809'; } /* '' */
+.zan-icon-like:before { content: '\e80a'; } /* '' */
+.zan-icon-chat:before { content: '\e80b'; } /* '' */
+.zan-icon-paid:before { content: '\e80c'; } /* '' */
+.zan-icon-delivered:before { content: '\e80d'; } /* '' */
+.zan-icon-finished:before { content: '\e80e'; } /* '' */
+.zan-icon-shop:before { content: '\e80f'; } /* '' */
+.zan-icon-deliver:before { content: '\e810'; } /* '' */
+.zan-icon-success:before { content: '\e811'; } /* '' */
+.zan-icon-photograph:before { content: '\e812'; } /* '' */
+.zan-icon-add:before { content: '\e813'; } /* '' */
+.zan-icon-not-payed:before { content: '\e814'; } /* '' */
+.zan-icon-add2:before { content: '\e815'; } /* '' */
+.zan-icon-photo:before { content: '\e816'; } /* '' */
+.zan-icon-logistics:before { content: '\e817'; } /* '' */
+.zan-icon-edit:before { content: '\e818'; } /* '' */
+.zan-icon-passed:before { content: '\e819'; } /* '' */
+.zan-icon-cart:before { content: '\e81a'; } /* '' */
+.zan-icon-arrow:before { content: '\e81b'; } /* '' */
+.zan-icon-gift:before { content: '\e81c'; } /* '' */
@@ -0,0 +1,32 @@
+/* DO NOT EDIT! Generated by iconfount */
+
+
+.zan-icon-qr-invalid { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe800;&nbsp;'); }
+.zan-icon-qr { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe801;&nbsp;'); }
+.zan-icon-pay-fail { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe802;&nbsp;'); }
+.zan-icon-exchange { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe803;&nbsp;'); }
+.zan-icon-close { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe804;&nbsp;'); }
+.zan-icon-location { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe805;&nbsp;'); }
+.zan-icon-upgrade { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe806;&nbsp;'); }
+.zan-icon-check { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe807;&nbsp;'); }
+.zan-icon-checked { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe808;&nbsp;'); }
+.zan-icon-like-o { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe809;&nbsp;'); }
+.zan-icon-like { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80a;&nbsp;'); }
+.zan-icon-chat { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80b;&nbsp;'); }
+.zan-icon-paid { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80c;&nbsp;'); }
+.zan-icon-delivered { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80d;&nbsp;'); }
+.zan-icon-finished { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80e;&nbsp;'); }
+.zan-icon-shop { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80f;&nbsp;'); }
+.zan-icon-deliver { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe810;&nbsp;'); }
+.zan-icon-success { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe811;&nbsp;'); }
+.zan-icon-photograph { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe812;&nbsp;'); }
+.zan-icon-add { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe813;&nbsp;'); }
+.zan-icon-not-payed { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe814;&nbsp;'); }
+.zan-icon-add2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe815;&nbsp;'); }
+.zan-icon-photo { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe816;&nbsp;'); }
+.zan-icon-logistics { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe817;&nbsp;'); }
+.zan-icon-edit { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe818;&nbsp;'); }
+.zan-icon-passed { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe819;&nbsp;'); }
+.zan-icon-cart { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe81a;&nbsp;'); }
+.zan-icon-arrow { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe81b;&nbsp;'); }
+.zan-icon-gift { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe81c;&nbsp;'); }
@@ -0,0 +1,43 @@
+/* DO NOT EDIT! Generated by iconfount */
+
+[class^="zan-icon-"], [class*=" zan-icon-"] {
+  font-family: 'zanui-icon' !important;
+  font-style: normal;
+  font-weight: normal;
+ 
+  /* fix buttons height */
+  line-height: 1em;
+ 
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+}
+ 
+.zan-icon-qr-invalid { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe800;&nbsp;'); }
+.zan-icon-qr { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe801;&nbsp;'); }
+.zan-icon-pay-fail { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe802;&nbsp;'); }
+.zan-icon-exchange { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe803;&nbsp;'); }
+.zan-icon-close { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe804;&nbsp;'); }
+.zan-icon-location { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe805;&nbsp;'); }
+.zan-icon-upgrade { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe806;&nbsp;'); }
+.zan-icon-check { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe807;&nbsp;'); }
+.zan-icon-checked { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe808;&nbsp;'); }
+.zan-icon-like-o { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe809;&nbsp;'); }
+.zan-icon-like { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80a;&nbsp;'); }
+.zan-icon-chat { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80b;&nbsp;'); }
+.zan-icon-paid { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80c;&nbsp;'); }
+.zan-icon-delivered { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80d;&nbsp;'); }
+.zan-icon-finished { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80e;&nbsp;'); }
+.zan-icon-shop { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80f;&nbsp;'); }
+.zan-icon-deliver { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe810;&nbsp;'); }
+.zan-icon-success { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe811;&nbsp;'); }
+.zan-icon-photograph { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe812;&nbsp;'); }
+.zan-icon-add { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe813;&nbsp;'); }
+.zan-icon-not-payed { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe814;&nbsp;'); }
+.zan-icon-add2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe815;&nbsp;'); }
+.zan-icon-photo { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe816;&nbsp;'); }
+.zan-icon-logistics { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe817;&nbsp;'); }
+.zan-icon-edit { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe818;&nbsp;'); }
+.zan-icon-passed { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe819;&nbsp;'); }
+.zan-icon-cart { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe81a;&nbsp;'); }
+.zan-icon-arrow { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe81b;&nbsp;'); }
+.zan-icon-gift { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe81c;&nbsp;'); }
@@ -0,0 +1,88 @@
+/* DO NOT EDIT! Generated by iconfount */
+
+@font-face {
+  font-family: 'zanui-icon';
+  src: url('../font/zanui-icon-3f61f62c01.eot');
+  src: url('../font/zanui-icon-3f61f62c01.eot?#iefix') format('embedded-opentype'),
+       url('../font/zanui-icon-3f61f62c01.woff2') format('woff2'),
+       url('../font/zanui-icon-3f61f62c01.woff') format('woff'),
+       url('../font/zanui-icon-3f61f62c01.ttf') format('truetype'),
+       url('../font/zanui-icon-3f61f62c01.svg?#zanui-icon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
+/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
+/*
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  @font-face {
+    font-family: 'zanui-icon';
+    src: url('../font/zanui-icon-3f61f62c01.svg?#zanui-icon') format('svg');
+  }
+}
+*/
+ 
+ [class^="zan-icon-"]:before, [class*=" zan-icon-"]:before {
+  font-family: "zanui-icon" !important;
+  font-style: normal;
+  font-weight: normal;
+  speak: none;
+ 
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  text-align: center;
+  /* margin-right: .2em; */
+  /* opacity: .8; */
+ 
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+ 
+  /* fix buttons height, for twitter bootstrap */
+  line-height: 1em;
+ 
+  /* Animation center compensation - margins should be symmetric */
+  /* remove if not needed */
+  /* margin-left: .2em; */
+ 
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+ 
+  /* Font smoothing. That was taken from TWBS */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+ 
+  /* Uncomment for 3D effect */
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+}
+ 
+.zan-icon-qr-invalid:before { content: '\e800'; } /* '' */
+.zan-icon-qr:before { content: '\e801'; } /* '' */
+.zan-icon-pay-fail:before { content: '\e802'; } /* '' */
+.zan-icon-exchange:before { content: '\e803'; } /* '' */
+.zan-icon-close:before { content: '\e804'; } /* '' */
+.zan-icon-location:before { content: '\e805'; } /* '' */
+.zan-icon-upgrade:before { content: '\e806'; } /* '' */
+.zan-icon-check:before { content: '\e807'; } /* '' */
+.zan-icon-checked:before { content: '\e808'; } /* '' */
+.zan-icon-like-o:before { content: '\e809'; } /* '' */
+.zan-icon-like:before { content: '\e80a'; } /* '' */
+.zan-icon-chat:before { content: '\e80b'; } /* '' */
+.zan-icon-paid:before { content: '\e80c'; } /* '' */
+.zan-icon-delivered:before { content: '\e80d'; } /* '' */
+.zan-icon-finished:before { content: '\e80e'; } /* '' */
+.zan-icon-shop:before { content: '\e80f'; } /* '' */
+.zan-icon-deliver:before { content: '\e810'; } /* '' */
+.zan-icon-success:before { content: '\e811'; } /* '' */
+.zan-icon-photograph:before { content: '\e812'; } /* '' */
+.zan-icon-add:before { content: '\e813'; } /* '' */
+.zan-icon-not-payed:before { content: '\e814'; } /* '' */
+.zan-icon-add2:before { content: '\e815'; } /* '' */
+.zan-icon-photo:before { content: '\e816'; } /* '' */
+.zan-icon-logistics:before { content: '\e817'; } /* '' */
+.zan-icon-edit:before { content: '\e818'; } /* '' */
+.zan-icon-passed:before { content: '\e819'; } /* '' */
+.zan-icon-cart:before { content: '\e81a'; } /* '' */
+.zan-icon-arrow:before { content: '\e81b'; } /* '' */
+.zan-icon-gift:before { content: '\e81c'; } /* '' */
@@ -0,0 +1,309 @@
+<!DOCTYPE html>
+<html>
+  <head><!--[if lt IE 9]><script language="javascript" type="text/javascript" src="//cdn.bootcss.com/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script><![endif]-->
+    <meta charset="UTF-8"><style>/*
+ * Bootstrap v2.2.1
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ */
+.clearfix {
+  *zoom: 1;
+}
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.clearfix:after {
+  clear: both;
+}
+html {
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+a:focus {
+  outline: thin dotted #333;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+a:hover,
+a:active {
+  outline: 0;
+}
+button,
+input,
+select,
+textarea {
+  margin: 0;
+  font-size: 100%;
+  vertical-align: middle;
+}
+button,
+input {
+  *overflow: visible;
+  line-height: normal;
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+body {
+  margin: 0;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  line-height: 20px;
+  color: #333;
+  background-color: #fff;
+}
+a {
+  color: #08c;
+  text-decoration: none;
+}
+a:hover {
+  color: #005580;
+  text-decoration: underline;
+}
+.row {
+  margin-left: -20px;
+  *zoom: 1;
+}
+.row:before,
+.row:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.row:after {
+  clear: both;
+}
+[class*="span"] {
+  float: left;
+  min-height: 1px;
+  margin-left: 20px;
+}
+.container,
+.navbar-static-top .container,
+.navbar-fixed-top .container,
+.navbar-fixed-bottom .container {
+  width: 940px;
+}
+.span12 {
+  width: 940px;
+}
+.span11 {
+  width: 860px;
+}
+.span10 {
+  width: 780px;
+}
+.span9 {
+  width: 700px;
+}
+.span8 {
+  width: 620px;
+}
+.span7 {
+  width: 540px;
+}
+.span6 {
+  width: 460px;
+}
+.span5 {
+  width: 380px;
+}
+.span4 {
+  width: 300px;
+}
+.span3 {
+  width: 220px;
+}
+.span2 {
+  width: 140px;
+}
+.span1 {
+  width: 60px;
+}
+[class*="span"].pull-right,
+.row-fluid [class*="span"].pull-right {
+  float: right;
+}
+.container {
+  margin-right: auto;
+  margin-left: auto;
+  *zoom: 1;
+}
+.container:before,
+.container:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.container:after {
+  clear: both;
+}
+p {
+  margin: 0 0 10px;
+}
+.lead {
+  margin-bottom: 20px;
+  font-size: 21px;
+  font-weight: 200;
+  line-height: 30px;
+}
+small {
+  font-size: 85%;
+}
+h1 {
+  margin: 10px 0;
+  font-family: inherit;
+  font-weight: bold;
+  line-height: 20px;
+  color: inherit;
+  text-rendering: optimizelegibility;
+}
+h1 small {
+  font-weight: normal;
+  line-height: 1;
+  color: #999;
+}
+h1 {
+  line-height: 40px;
+}
+h1 {
+  font-size: 38.5px;
+}
+h1 small {
+  font-size: 24.5px;
+}
+body {
+  margin-top: 90px;
+}
+.header {
+  position: fixed;
+  top: 0;
+  left: 50%;
+  margin-left: -480px;
+  background-color: #fff;
+  border-bottom: 1px solid #ddd;
+  padding-top: 10px;
+  z-index: 10;
+}
+.footer {
+  color: #ddd;
+  font-size: 12px;
+  text-align: center;
+  margin-top: 20px;
+}
+.footer a {
+  color: #ccc;
+  text-decoration: underline;
+}
+.the-icons {
+  font-size: 14px;
+  line-height: 24px;
+}
+.switch {
+  position: absolute;
+  right: 0;
+  bottom: 10px;
+  color: #666;
+}
+.switch input {
+  margin-right: 0.3em;
+}
+.codesOn .i-name {
+  display: none;
+}
+.codesOn .i-code {
+  display: inline;
+}
+.i-code {
+  display: none;
+}
+</style>
+    <link rel="stylesheet" href="css/zanui-icon.css">
+    <link rel="stylesheet" href="css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/zanui-icon-ie7.css"><![endif]-->
+    <script>
+      function toggleCodes(on) {
+        var obj = document.getElementById('icons');
+      
+        if (on) {
+          obj.className += ' codesOn';
+        } else {
+          obj.className = obj.className.replace(' codesOn', '');
+        }
+      }
+      
+    </script>
+  </head>
+  <body>
+    <div class="container header">
+      <h1>
+        zanui-icon
+         <small>font demo</small>
+      </h1>
+      <label class="switch">
+        <input type="checkbox" onclick="toggleCodes(this.checked)">show codes
+      </label>
+    </div>
+    <div id="icons" class="container">
+      <div class="row">
+        <div title="Code: 0xe800" class="the-icons span3"><i class="demo-icon zan-icon-qr-invalid"></i> <span class="i-name">zan-icon-qr-invalid</span><span class="i-code">0xe800</span></div>
+        <div title="Code: 0xe801" class="the-icons span3"><i class="demo-icon zan-icon-qr"></i> <span class="i-name">zan-icon-qr</span><span class="i-code">0xe801</span></div>
+        <div title="Code: 0xe802" class="the-icons span3"><i class="demo-icon zan-icon-pay-fail"></i> <span class="i-name">zan-icon-pay-fail</span><span class="i-code">0xe802</span></div>
+        <div title="Code: 0xe803" class="the-icons span3"><i class="demo-icon zan-icon-exchange"></i> <span class="i-name">zan-icon-exchange</span><span class="i-code">0xe803</span></div>
+      </div>
+      <div class="row">
+        <div title="Code: 0xe804" class="the-icons span3"><i class="demo-icon zan-icon-close"></i> <span class="i-name">zan-icon-close</span><span class="i-code">0xe804</span></div>
+        <div title="Code: 0xe805" class="the-icons span3"><i class="demo-icon zan-icon-location"></i> <span class="i-name">zan-icon-location</span><span class="i-code">0xe805</span></div>
+        <div title="Code: 0xe806" class="the-icons span3"><i class="demo-icon zan-icon-upgrade"></i> <span class="i-name">zan-icon-upgrade</span><span class="i-code">0xe806</span></div>
+        <div title="Code: 0xe807" class="the-icons span3"><i class="demo-icon zan-icon-check"></i> <span class="i-name">zan-icon-check</span><span class="i-code">0xe807</span></div>
+      </div>
+      <div class="row">
+        <div title="Code: 0xe808" class="the-icons span3"><i class="demo-icon zan-icon-checked"></i> <span class="i-name">zan-icon-checked</span><span class="i-code">0xe808</span></div>
+        <div title="Code: 0xe809" class="the-icons span3"><i class="demo-icon zan-icon-like-o"></i> <span class="i-name">zan-icon-like-o</span><span class="i-code">0xe809</span></div>
+        <div title="Code: 0xe80a" class="the-icons span3"><i class="demo-icon zan-icon-like"></i> <span class="i-name">zan-icon-like</span><span class="i-code">0xe80a</span></div>
+        <div title="Code: 0xe80b" class="the-icons span3"><i class="demo-icon zan-icon-chat"></i> <span class="i-name">zan-icon-chat</span><span class="i-code">0xe80b</span></div>
+      </div>
+      <div class="row">
+        <div title="Code: 0xe80c" class="the-icons span3"><i class="demo-icon zan-icon-paid"></i> <span class="i-name">zan-icon-paid</span><span class="i-code">0xe80c</span></div>
+        <div title="Code: 0xe80d" class="the-icons span3"><i class="demo-icon zan-icon-delivered"></i> <span class="i-name">zan-icon-delivered</span><span class="i-code">0xe80d</span></div>
+        <div title="Code: 0xe80e" class="the-icons span3"><i class="demo-icon zan-icon-finished"></i> <span class="i-name">zan-icon-finished</span><span class="i-code">0xe80e</span></div>
+        <div title="Code: 0xe80f" class="the-icons span3"><i class="demo-icon zan-icon-shop"></i> <span class="i-name">zan-icon-shop</span><span class="i-code">0xe80f</span></div>
+      </div>
+      <div class="row">
+        <div title="Code: 0xe810" class="the-icons span3"><i class="demo-icon zan-icon-deliver"></i> <span class="i-name">zan-icon-deliver</span><span class="i-code">0xe810</span></div>
+        <div title="Code: 0xe811" class="the-icons span3"><i class="demo-icon zan-icon-success"></i> <span class="i-name">zan-icon-success</span><span class="i-code">0xe811</span></div>
+        <div title="Code: 0xe812" class="the-icons span3"><i class="demo-icon zan-icon-photograph"></i> <span class="i-name">zan-icon-photograph</span><span class="i-code">0xe812</span></div>
+        <div title="Code: 0xe813" class="the-icons span3"><i class="demo-icon zan-icon-add"></i> <span class="i-name">zan-icon-add</span><span class="i-code">0xe813</span></div>
+      </div>
+      <div class="row">
+        <div title="Code: 0xe814" class="the-icons span3"><i class="demo-icon zan-icon-not-payed"></i> <span class="i-name">zan-icon-not-payed</span><span class="i-code">0xe814</span></div>
+        <div title="Code: 0xe815" class="the-icons span3"><i class="demo-icon zan-icon-add2"></i> <span class="i-name">zan-icon-add2</span><span class="i-code">0xe815</span></div>
+        <div title="Code: 0xe816" class="the-icons span3"><i class="demo-icon zan-icon-photo"></i> <span class="i-name">zan-icon-photo</span><span class="i-code">0xe816</span></div>
+        <div title="Code: 0xe817" class="the-icons span3"><i class="demo-icon zan-icon-logistics"></i> <span class="i-name">zan-icon-logistics</span><span class="i-code">0xe817</span></div>
+      </div>
+      <div class="row">
+        <div title="Code: 0xe818" class="the-icons span3"><i class="demo-icon zan-icon-edit"></i> <span class="i-name">zan-icon-edit</span><span class="i-code">0xe818</span></div>
+        <div title="Code: 0xe819" class="the-icons span3"><i class="demo-icon zan-icon-passed"></i> <span class="i-name">zan-icon-passed</span><span class="i-code">0xe819</span></div>
+        <div title="Code: 0xe81a" class="the-icons span3"><i class="demo-icon zan-icon-cart"></i> <span class="i-name">zan-icon-cart</span><span class="i-code">0xe81a</span></div>
+        <div title="Code: 0xe81b" class="the-icons span3"><i class="demo-icon zan-icon-arrow"></i> <span class="i-name">zan-icon-arrow</span><span class="i-code">0xe81b</span></div>
+      </div>
+      <div class="row">
+        <div title="Code: 0xe81c" class="the-icons span3"><i class="demo-icon zan-icon-gift"></i> <span class="i-name">zan-icon-gift</span><span class="i-code">0xe81c</span></div>
+      </div>
+    </div>
+    <div class="container footer">
+      This demo page requires IE >= 8, but the icons should work on IE 6 and 7.
+      <br/>
+      Generated by iconfount
+    </div>
+  </body>
+</html>
@@ -0,0 +1,68 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Copyright (C) 2017 by original authors</metadata>
+<defs>
+<font id="zanui-icon" horiz-adv-x="1000" >
+<font-face font-family="zanui-icon" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
+<missing-glyph horiz-adv-x="1000" />
+<glyph glyph-name="qr-invalid" unicode="&#xe800;" d="M455 438l-33-42h-422v454h455v-412z m-319 276v-182h182v182h-182z m0-687l-136-177h227l228 294v-294h-455v455h351l-105-137h-110v-141z m443 278h148v-228h-181v185l33 43z m-33-273h181v-182h-181z m227 273h227v-137h-227z m0 0h91v-455h-91z m136 0h91v-455h-91z m-45 369l136 176h-227l-227-294v294h454v-454h-351l105 136h110v142z" horiz-adv-x="1000" />
+
+<glyph glyph-name="qr" unicode="&#xe801;" d="M0 850h455v-454h-455v454z m136-136v-182h182v182h-182z m-136-409h455v-455h-455v455z m136-137v-182h182v182h-182z m410 137h181v-228h-181z m0-273h181v-182h-181z m227 273h227v-137h-227z m0 0h91v-455h-91z m136 0h91v-455h-91z m-363 545h454v-454h-454v454z m136-136v-182h182v182h-182z" horiz-adv-x="1000" />
+
+<glyph glyph-name="pay-fail" unicode="&#xe802;" d="M413 413l176-177m0 177l-176-177" horiz-adv-x="1000" />
+
+<glyph glyph-name="exchange" unicode="&#xe803;" d="M0 850h1000v-1000h-1000z m500-475c-205 0-375 97-375 225s170 225 375 225 375-97 375-225-170-225-375-225z m0 50c181 0 325 82 325 175s-144 175-325 175-325-82-325-175 144-175 325-175z m-272 19a292 292 0 0 0-41 31c-39-35-62-78-62-125 0-128 170-225 375-225s375 97 375 225c0 47-23 90-62 125-12-11-26-21-41-31 34-27 53-60 53-94 0-93-144-175-325-175s-325 82-325 175c0 34 19 67 53 94z m0-250a292 292 0 0 0-41 31c-39-35-62-78-62-125 0-128 170-225 375-225s375 97 375 225c0 47-23 90-62 125-12-11-26-21-41-31 34-27 53-60 53-94 0-93-144-175-325-175s-325 82-325 175c0 34 19 67 53 94z" horiz-adv-x="1000" />
+
+<glyph glyph-name="close" unicode="&#xe804;" d="M0 850h1000v-1000h-1000z m500-909a409 409 0 1 1 0 818 409 409 0 0 1 0-818z m0-46c-251 0-454 204-454 455s203 455 454 455 455-204 455-455-204-455-455-455z m2 486l-145 144a23 23 0 0 1-32-32l145-145-145-144a23 23 0 0 1 32-32l145 144 144-144a23 23 0 1 1 32 32l-144 144 144 145a23 23 0 1 1-32 32l-144-144z" horiz-adv-x="1000" />
+
+<glyph glyph-name="location" unicode="&#xe805;" d="M0 850h1000v-1000h-1000z m539-913a831 831 0 0 1 140 93c124 102 196 226 196 376 0 211-168 382-375 382s-375-171-375-382c0-150 73-274 196-376a831 831 0 0 1 179-112c11 5 24 11 39 19z m-39-87s-437 167-437 556c0 245 195 444 437 444s438-199 438-444c0-389-438-556-438-556z m0 438a125 125 0 1 1 0 250 125 125 0 0 1 0-250z m0-63a188 188 0 1 0 0 375 188 188 0 0 0 0-375z" horiz-adv-x="1000" />
+
+<glyph glyph-name="upgrade" unicode="&#xe806;" d="M0 850h1000v-1000h-1000z m500-917c230 0 417 187 417 417s-187 417-417 417-417-187-417-417 187-417 417-417z m0-41c-253 0-458 205-458 458s205 458 458 458 458-205 458-458-205-458-458-458z m21 616l173-173 29 30-223 223-223-223 29-30 173 173v-450h42z" horiz-adv-x="1000" />
+
+<glyph glyph-name="check" unicode="&#xe807;" d="M0 850h1000v-1000h-1000z m500-841a341 341 0 1 1 0 682 341 341 0 0 1 0-682z m0-68a409 409 0 1 0 0 818 409 409 0 0 0 0-818z" horiz-adv-x="1000" />
+
+<glyph glyph-name="checked" unicode="&#xe808;" d="M500-59a409 409 0 1 0 0 818 409 409 0 0 0 0-818z m-172 464l-65-64 169-169 305 305-65 64-240-240-104 104z" horiz-adv-x="1000" />
+
+<glyph glyph-name="like-o" unicode="&#xe809;" d="M1097 474c0-163-93-295-251-399a1028 1028 0 0 0-180-94 811 811 0 0 0-80-28l29 0a846 846 0 0 0-81 29 1072 1072 0 0 0-180 97c-158 106-251 237-251 395 0 283 292 379 453 116 20-34 68-33 88 0 157 264 453 167 453-116z m103 0c0 386-432 528-644 170l88 1c-217 355-644 215-644-171 0-199 113-359 297-483a1173 1173 0 0 1 289-139 51 51 0 0 1 28 0c5 1 14 4 26 8 20 7 41 15 65 24a1129 1129 0 0 1 197 103c185 122 298 283 298 487z" horiz-adv-x="1200" />
+
+<glyph glyph-name="like" unicode="&#xe80a;" d="M1097 474c0-163-93-295-251-399a1028 1028 0 0 0-180-94 811 811 0 0 0-80-28l29 0a846 846 0 0 0-81 29 1072 1072 0 0 0-180 97c-158 106-251 237-251 395 0 283 292 379 453 116 20-34 68-33 88 0 157 264 453 167 453-116z m103 0c0 386-432 528-644 170l88 1c-217 355-644 215-644-171 0-199 113-359 297-483a1173 1173 0 0 1 289-139 51 51 0 0 1 28 0c5 1 14 4 26 8 20 7 41 15 65 24a1129 1129 0 0 1 197 103c185 122 298 283 298 487z" horiz-adv-x="1200" />
+
+<glyph glyph-name="chat" unicode="&#xe80b;" d="M0 850h1000v-1000h-1000z m313-874l-146-71c-25-12-42 0-39 27l22 167a418 418 0 0 0-100 270c0 238 202 431 450 431s450-193 450-431c0-238-201-431-450-431a465 465 0 0 0-187 38z m-111 139l-19-147 130 64a414 414 0 0 1 187-44c221 0 400 171 400 381 0 210-179 381-400 381s-400-171-400-381c0-98 39-187 102-254z" horiz-adv-x="1000" />
+
+<glyph glyph-name="paid" unicode="&#xe80c;" d="" horiz-adv-x="1000" />
+
+<glyph glyph-name="delivered" unicode="&#xe80d;" d="" horiz-adv-x="1000" />
+
+<glyph glyph-name="finished" unicode="&#xe80e;" d="M385 318l77-76 153 191" horiz-adv-x="1000" />
+
+<glyph glyph-name="shop" unicode="&#xe80f;" d="M0 850h1000v-1000h-1000z m438-875v156c0 86 69 157 156 157 86 0 156-71 156-157v-156h0c35 0 63 35 63 81v297a156 156 0 0 0-164 71 187 187 0 0 0-149-74 187 187 0 0 0-149 74 156 156 0 0 0-163-71v-297c0-45 28-81 62-81h188z m62 0h188v156c0 52-43 94-94 94-52 0-94-42-94-94v-156z m375 406v-344c0-69-56-125-126-125h-498a125 125 0 0 0-126 125v344a156 156 0 0 0-62 125v157c0 69 56 125 125 125h624c69 0 126-56 126-125v-157c0-51-25-96-63-125z m0 125c0-51-42-93-94-93a93 93 0 0 0-79 44 63 63 0 0 1-50 30l-3 0c-20 0-38-9-50-25a124 124 0 0 0-99-49 124 124 0 0 0-99 49 63 63 0 0 1-50 25l-3 0a63 63 0 0 1-50-30 93 93 0 0 0-79-44c-52 0-94 42-94 93v157c0 34 29 62 63 62h624c35 0 63-29 63-62v-157z" horiz-adv-x="1000" />
+
+<glyph glyph-name="deliver" unicode="&#xe810;" d="M363 406h275m-275-100h275m-275-100h275" horiz-adv-x="1000" />
+
+<glyph glyph-name="success" unicode="&#xe811;" d="M0 850h1000v-1000h-1000z m299-428l-64-77 239-199 432 539-78 63-368-460z" horiz-adv-x="1000" />
+
+<glyph glyph-name="photograph" unicode="&#xe812;" d="M333 683l47 93c20 41 74 74 121 74h165c46 0 101-33 121-74l46-93h250c46 0 84-38 84-83v-667a83 83 0 0 0-84-83h-999a84 84 0 0 0-84 83v667a83 83 0 0 0 84 83h249z m250-666a250 250 0 1 1 0 500 250 250 0 0 1 0-500z m0 166a83 83 0 1 0 0 167 83 83 0 0 0 0-167z" horiz-adv-x="1167" />
+
+<glyph glyph-name="add" unicode="&#xe813;" d="M500-59a409 409 0 1 0 0 818 409 409 0 0 0 0-818z m-34 443h-170a34 34 0 1 1 0-68h170v-170a34 34 0 1 1 68 0v170h171a34 34 0 1 1 0 68h-171v171a34 34 0 1 1-68 0v-171z" horiz-adv-x="1000" />
+
+<glyph glyph-name="not-payed" unicode="&#xe814;" d="" horiz-adv-x="1000" />
+
+<glyph glyph-name="add2" unicode="&#xe815;" d="M0 750c0 55 45 100 100 100h800c55 0 100-45 100-100v-800c0-55-45-100-100-100h-800c-55 0-100 45-100 100v800z m463-362h-188a38 38 0 0 1 0-75h188v-188a38 38 0 0 1 75 0v188h187a38 38 0 0 1 0 75h-187v187a38 38 0 0 1-75 0v-187z" horiz-adv-x="1000" />
+
+<glyph glyph-name="photo" unicode="&#xe816;" d="M0 767c0 46 38 83 84 83h999a84 84 0 0 0 84-83v-834c0-46-38-83-84-83h-999a84 84 0 0 0-84 83v834z m734-366l-234-384h554l-234 384c-24 40-62 39-86 0z m-292 252l-359-636h352s232 384 230 388l-141 249c-22 40-59 39-82-1z" horiz-adv-x="1167" />
+
+<glyph glyph-name="logistics" unicode="&#xe817;" d="M0 850h1000v-1000h-1000z m79-562l65 254c18 66 87 121 156 121h138" horiz-adv-x="1000" />
+
+<glyph glyph-name="edit" unicode="&#xe818;" d="M0 850h1000v-1000h-1000z m917-833a83 83 0 0 0-83-84h-668a83 83 0 0 0-83 84v583c0 46 38 83 84 83h447v-41h-447a42 42 0 0 1-42-42v-583c0-23 19-42 41-42h668c22 0 41 19 41 42v530h42v-530z m0 0a83 83 0 0 0-83-84h-668a83 83 0 0 0-83 84v583c0 46 38 83 84 83h447v-41h-447a42 42 0 0 1-42-42v-583c0-23 19-42 41-42h668c22 0 41 19 41 42v530h42v-530z m-415 299c16 5 42 22 54 33l314 309a40 40 0 0 1 0 58l-5 4a43 43 0 0 1-60 0l-314-308c-12-11-27-36-31-51l-21-68 63 23z m393 434l4-5a82 82 0 0 0 0-117l-314-308c-16-16-47-36-69-44l-102-37c-22-8-34 4-27 26l33 108c6 21 25 52 42 68l314 309a85 85 0 0 0 119 0z" horiz-adv-x="1000" />
+
+<glyph glyph-name="passed" unicode="&#xe819;" d="M0 850h1000v-1000h-1000z m500-857a357 357 0 1 1 0 714 357 357 0 0 1 0-714z m0-72a429 429 0 1 0 0 858 429 429 0 0 0 0-858z m-189 454l-51-50 169-168 311 311-51 50-260-260z" horiz-adv-x="1000" />
+
+<glyph glyph-name="cart" unicode="&#xe81a;" d="M0 850h1000v-1000h-1000z m231-200l60-300h564l64 300h-688z m-51 0h-130a25 25 0 0 0 0 50h900a25 25 0 0 0 25-30l-75-350a25 25 0 0 0-25-20h-574l20-100h529a25 25 0 1 0 0-50h-550a25 25 0 0 0-24 20l-96 480z m220-700a50 50 0 1 1 0 100 50 50 0 0 1 0-100z m0-50a100 100 0 1 0 0 200 100 100 0 0 0 0-200z m350 50a50 50 0 1 1 0 100 50 50 0 0 1 0-100z m0-50a100 100 0 1 0 0 200 100 100 0 0 0 0-200z" horiz-adv-x="1000" />
+
+<glyph glyph-name="arrow" unicode="&#xe81b;" d="M600 350l-504 500-96-95 408-405-408-405 96-95z" horiz-adv-x="600" />
+
+<glyph glyph-name="gift" unicode="&#xe81c;" d="M0 850h1000v-1000h-1000z m881-400c10 0 19 9 19 20v210c0 11-9 20-19 20h-762a20 20 0 0 1-19-20v-210c0-11 9-20 19-20h762z m0-50h-762c-38 0-69 32-69 70v210c0 39 31 70 69 70h762c38 0 69-31 69-70v-210c0-38-31-70-69-70z m-731 0v-367c0-19 12-33 23-33h654c11 0 23 14 23 33v367h-700z m677-450h-654c-40 0-73 37-73 83v417h800v-417c0-46-33-83-73-83z m-353 294a50 50 0 0 0 52 0l74-45v501h-200v-501l74 45z m-124-134v640h300v-640l-150 92-150-92z" horiz-adv-x="1000" />
+</font>
+</defs>
+</svg>