blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

icon

Browse Source
This commit is contained in:
cookfront 2017-03-16 14:58:51 +08:00
parent b3598dafef
commit 0bc538106f
24 changed files with 147 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/examples-docs/icon.md
View File

@ -40,6 +40,8 @@
<zan-icon name="gift"></zan-icon>
<zan-icon name="search"></zan-icon>
<zan-icon name="clear"></zan-icon>
<zan-icon name="success"></zan-icon>
<zan-icon name="fail"></zan-icon>
```
:::

BIN
packages/zanui-css/assets/icons.sketch
View File

Binary file not shown.

18
packages/zanui-css/build/codes.json
View File

@ -217,5 +217,23 @@
"keywords": [
"clear"
]
},
{
"name": "success",
"css": "zan-icon-success",
"hexCodepoint": "0xe818",
"codepoint": 59416,
"keywords": [
"success"
]
},
{
"name": "fail",
"css": "zan-icon-fail",
"hexCodepoint": "0xe819",
"codepoint": 59417,
"keywords": [
"fail"
]
}
]

28
packages/zanui-css/build/config.json
View File

@ -16,7 +16,7 @@
"license_url": "https://opensource.org/licenses/MIT",
"homepage": "http://github.com/youzan",
"css_prefix_text": "zan-icon-",
"filename_hash": "-6821b64ee1",
"filename_hash": "-ca65df15f4",
"columns": 4,
"css_use_suffix": false
},
@ -96,8 +96,8 @@
"check"
],
"width": 1000,
"d": "M500 9a341 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": 8
"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",
@ -287,6 +287,28 @@
"width": 1000,
"d": "M500-150a500 500 0 1 0 0 1000 500 500 0 0 0 0-1000z m0 576l-164 164-76-76 164-164-164-164 76-76 164 164 164-164 76 76-164 164 164 164-76 76-164-164z",
"segments": 18
},
{
"src": "成功.svg",
"code": 59416,
"css": "success",
"keywords": [
"success"
],
"width": 1000,
"d": "M86 334a8 8 0 0 0 0 12l54 54a9 9 0 0 0 13 1l190-160c10-9 27-9 37 0l472 423a9 9 0 0 0 13 0l49-49a8 8 0 0 0 0-11l-540-532a17 17 0 0 0-24 0l-264 262z",
"segments": 14
},
{
"src": "失败.svg",
"code": 59417,
"css": "fail",
"keywords": [
"fail"
],
"width": 968,
"d": "M419 721a16 16 0 0 0 16 16h98c9 0 16-7 15-16l-13-516c0-9-8-16-17-16h-68a17 17 0 0 0-17 16l-14 516z m65-726a65 65 0 1 0 0 129 65 65 0 0 0 0-129z",
"segments": 14
}
],
"badGlyphs": [

4
packages/zanui-css/build/css/zanui-icon-codes.css
View File

@ -24,4 +24,6 @@
.zan-icon-arrow:before { content: '\e814'; } /* '' */
.zan-icon-gift:before { content: '\e815'; } /* '' */
.zan-icon-search:before { content: '\e816'; } /* '' */
.zan-icon-clear:before { content: '\e817'; } /* '' */
.zan-icon-clear:before { content: '\e817'; } /* '' */
.zan-icon-success:before { content: '\e818'; } /* '' */
.zan-icon-fail:before { content: '\e819'; } /* '' */

16
packages/zanui-css/build/css/zanui-icon-embedded.css
View File

File diff suppressed because one or more lines are too long

4
packages/zanui-css/build/css/zanui-icon-ie7-codes.css
View File

@ -24,4 +24,6 @@
.zan-icon-arrow { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe814;&nbsp;'); }
.zan-icon-gift { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe815;&nbsp;'); }
.zan-icon-search { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe816;&nbsp;'); }
.zan-icon-clear { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe817;&nbsp;'); }
.zan-icon-clear { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe817;&nbsp;'); }
.zan-icon-success { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe818;&nbsp;'); }
.zan-icon-fail { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe819;&nbsp;'); }

4
packages/zanui-css/build/css/zanui-icon-ie7.css
View File

@ -35,4 +35,6 @@
.zan-icon-arrow { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe814;&nbsp;'); }
.zan-icon-gift { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe815;&nbsp;'); }
.zan-icon-search { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe816;&nbsp;'); }
.zan-icon-clear { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe817;&nbsp;'); }
.zan-icon-clear { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe817;&nbsp;'); }
.zan-icon-success { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe818;&nbsp;'); }
.zan-icon-fail { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe819;&nbsp;'); }

18
packages/zanui-css/build/css/zanui-icon.css
View File

@ -2,12 +2,12 @@
@font-face {
font-family: 'zanui-icon';
src: url('../font/zanui-icon-6821b64ee1.eot');
src: url('../font/zanui-icon-6821b64ee1.eot?#iefix') format('embedded-opentype'),
url('../font/zanui-icon-6821b64ee1.woff2') format('woff2'),
url('../font/zanui-icon-6821b64ee1.woff') format('woff'),
url('../font/zanui-icon-6821b64ee1.ttf') format('truetype'),
url('../font/zanui-icon-6821b64ee1.svg?#zanui-icon') format('svg');
src: url('../font/zanui-icon-ca65df15f4.eot');
src: url('../font/zanui-icon-ca65df15f4.eot?#iefix') format('embedded-opentype'),
url('../font/zanui-icon-ca65df15f4.woff2') format('woff2'),
url('../font/zanui-icon-ca65df15f4.woff') format('woff'),
url('../font/zanui-icon-ca65df15f4.ttf') format('truetype'),
url('../font/zanui-icon-ca65df15f4.svg?#zanui-icon') format('svg');
font-weight: normal;
font-style: normal;
}
@ -17,7 +17,7 @@
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'zanui-icon';
src: url('../font/zanui-icon-6821b64ee1.svg?#zanui-icon') format('svg');
src: url('../font/zanui-icon-ca65df15f4.svg?#zanui-icon') format('svg');
}
}
*/
@ -80,4 +80,6 @@
.zan-icon-arrow:before { content: '\e814'; } /* '' */
.zan-icon-gift:before { content: '\e815'; } /* '' */
.zan-icon-search:before { content: '\e816'; } /* '' */
.zan-icon-clear:before { content: '\e817'; } /* '' */
.zan-icon-clear:before { content: '\e817'; } /* '' */
.zan-icon-success:before { content: '\e818'; } /* '' */
.zan-icon-fail:before { content: '\e819'; } /* '' */

4
packages/zanui-css/build/demo.html
View File

@ -290,6 +290,10 @@ body {
<div title="Code: 0xe816" class="the-icons span3"><i class="demo-icon zan-icon-search"></i> <span class="i-name">zan-icon-search</span><span class="i-code">0xe816</span></div>
<div title="Code: 0xe817" class="the-icons span3"><i class="demo-icon zan-icon-clear"></i> <span class="i-name">zan-icon-clear</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-success"></i> <span class="i-name">zan-icon-success</span><span class="i-code">0xe818</span></div>
<div title="Code: 0xe819" class="the-icons span3"><i class="demo-icon zan-icon-fail"></i> <span class="i-name">zan-icon-fail</span><span class="i-code">0xe819</span></div>
</div>
</div>
<div class="container footer">
This demo page requires IE >= 8, but the icons should work on IE 6 and 7.

BIN
packages/zanui-css/build/font/zanui-icon-6821b64ee1.woff
View File

Binary file not shown.

BIN
packages/zanui-css/build/font/zanui-icon-6821b64ee1.woff2
View File

Binary file not shown.

BIN
packages/zanui-css/build/font/zanui-icon-6821b64ee1.eot → packages/zanui-css/build/font/zanui-icon-ca65df15f4.eot
View File

Binary file not shown.

6
packages/zanui-css/build/font/zanui-icon-6821b64ee1.svg → packages/zanui-css/build/font/zanui-icon-ca65df15f4.svg
View File

@ -18,7 +18,7 @@
<glyph glyph-name="upgrade" unicode="&#xe805;" d="M500-67c230 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="&#xe806;" d="M500 9a341 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="check" unicode="&#xe806;" 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="&#xe807;" 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" />
@ -53,6 +53,10 @@
<glyph glyph-name="search" unicode="&#xe816;" d="M167 433c0 138 112 250 250 250 138 0 250-112 250-250 0-137-112-250-250-250-138 0-250 113-250 250m809-441l-212 212a414 414 0 0 1 69 229 417 417 0 1 1-416-416c85 0 163 25 229 69l212-212a83 83 0 0 1 118 0 83 83 0 0 1 0 118" horiz-adv-x="1000" />
<glyph glyph-name="clear" unicode="&#xe817;" d="M500-150a500 500 0 1 0 0 1000 500 500 0 0 0 0-1000z m0 576l-164 164-76-76 164-164-164-164 76-76 164 164 164-164 76 76-164 164 164 164-76 76-164-164z" horiz-adv-x="1000" />
<glyph glyph-name="success" unicode="&#xe818;" d="M86 334a8 8 0 0 0 0 12l54 54a9 9 0 0 0 13 1l190-160c10-9 27-9 37 0l472 423a9 9 0 0 0 13 0l49-49a8 8 0 0 0 0-11l-540-532a17 17 0 0 0-24 0l-264 262z" horiz-adv-x="1000" />
<glyph glyph-name="fail" unicode="&#xe819;" d="M419 721a16 16 0 0 0 16 16h98c9 0 16-7 15-16l-13-516c0-9-8-16-17-16h-68a17 17 0 0 0-17 16l-14 516z m65-726a65 65 0 1 0 0 129 65 65 0 0 0 0-129z" horiz-adv-x="968" />
</font>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.0 KiB

After

Width:  |  Height:  |  Size: 9.4 KiB

BIN
packages/zanui-css/build/font/zanui-icon-6821b64ee1.ttf → packages/zanui-css/build/font/zanui-icon-ca65df15f4.ttf
View File

Binary file not shown.

BIN
packages/zanui-css/build/font/zanui-icon-ca65df15f4.woff Normal file
View File

Binary file not shown.

BIN
packages/zanui-css/build/font/zanui-icon-ca65df15f4.woff2 Normal file
View File

Binary file not shown.

18
packages/zanui-css/icons/加载.svg Normal file
View File

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 42 (36781) - http://www.bohemiancoding.com/sketch -->
<title>加载</title>
<desc>Created with sketchtool.</desc>
<defs>
<ellipse id="path-1" cx="15" cy="15" rx="15" ry="15"></ellipse>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="30" height="30" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="加载">
<use id="Oval-7" stroke="" mask="url(#mask-2)" stroke-width="12" xlink:href="#path-1"></use>
<circle id="Oval-2" fill="#FFFFFF" cx="27" cy="16" r="3"></circle>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 951 B

5
packages/zanui-css/icons/单选.svg
View File

@ -5,8 +5,9 @@
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="单选" fill-rule="nonzero" fill="#333333">
<path d="M11,18.5 C15.1421356,18.5 18.5,15.1421356 18.5,11 C18.5,6.85786438 15.1421356,3.5 11,3.5 C6.85786438,3.5 3.5,6.85786438 3.5,11 C3.5,15.1421356 6.85786438,18.5 11,18.5 Z M11,20 C6.02943725,20 2,15.9705627 2,11 C2,6.02943725 6.02943725,2 11,2 C15.9705627,2 20,6.02943725 20,11 C20,15.9705627 15.9705627,20 11,20 Z" id="Oval-71"></path>
<g id="单选">
<rect id="Rectangle-3" x="0" y="0" width="22" height="22"></rect>
<path d="M11,18.5 C15.1421356,18.5 18.5,15.1421356 18.5,11 C18.5,6.85786438 15.1421356,3.5 11,3.5 C6.85786438,3.5 3.5,6.85786438 3.5,11 C3.5,15.1421356 6.85786438,18.5 11,18.5 Z M11,20 C6.02943725,20 2,15.9705627 2,11 C2,6.02943725 6.02943725,2 11,2 C15.9705627,2 20,6.02943725 20,11 C20,15.9705627 15.9705627,20 11,20 Z" id="Oval-71" fill="#333333" fill-rule="nonzero"></path>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 880 B

After

Width:  |  Height:  |  Size: 958 B

12
packages/zanui-css/icons/失败.svg Normal file
View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="60px" height="62px" viewBox="0 0 60 62" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 42 (36781) - http://www.bohemiancoding.com/sketch -->
<title>失败</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="失败" fill="#FFFFFF">
<path d="M26.0026305,7.99914214 C25.9881206,7.44733117 26.4320155,7 26.9791567,7 L33.019845,7 C33.5736755,7 34.0106815,7.45492426 33.9963712,7.99914214 L33.1548845,40.0008579 C33.1403746,40.5526688 32.6785361,41 32.1231203,41 L27.8758814,41 C27.3205637,41 26.8584275,40.5450757 26.8441173,40.0008579 L26.0026305,7.99914214 Z M30,53 C27.790861,53 26,51.209139 26,49 C26,46.790861 27.790861,45 30,45 C32.209139,45 34,46.790861 34,49 C34,51.209139 32.209139,53 30,53 Z" id="Combined-Shape"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1012 B

12
packages/zanui-css/icons/成功.svg Normal file
View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 42 (36781) - http://www.bohemiancoding.com/sketch -->
<title>成功</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="成功" transform="translate(0.000000, -1.000000)" fill="#FFFFFF">
<path d="M5.14885595,31.9384616 C4.95391704,31.7444727 4.95668956,31.4271956 5.14876067,31.2360605 L8.41934587,27.9814144 C8.61423216,27.7874779 8.94513108,27.7758587 9.15898069,27.9559265 L20.5484573,37.5462092 C21.1818378,38.0795347 22.200406,38.0594951 22.8099419,37.5135863 L51.1407093,12.1401576 C51.3489573,11.9536478 51.6764078,11.9578905 51.8717613,12.1493115 L54.8555931,15.073078 C55.0510939,15.2646434 55.0450623,15.5818527 54.8558739,15.7680495 L22.4107924,47.7000772 C22.0156336,48.0889873 21.3727963,48.0833352 20.990663,47.7030643 L5.14885595,31.9384616 Z" id="Fill"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

3
packages/zanui-css/package.json
View File

@ -9,7 +9,8 @@
"src"
],
"scripts": {
"build": "gulp build"
"build": "gulp build",
"build:icons": "sh scripts/build.sh"
},
"license": "MIT",
"devDependencies": {

10
packages/zanui-css/scripts/fount-config.js
View File

@ -132,6 +132,16 @@ module.exports = {
keywords: ['clear'],
src: '清除搜索.svg',
css: 'clear'
},
{
keywords: ['success'],
src: '成功.svg',
css: 'success'
},
{
keywords: ['fail'],
src: '失败.svg',
css: 'fail'
}
]
};

14
packages/zanui-css/src/icon.css
View File

@ -2,11 +2,11 @@
@font-face {
font-family: 'zan-icon';
src: url('//b.yzcdn.cn/zanui/icon/zanui-icon-6821b64ee1.eot');
src: url('//b.yzcdn.cn/zanui/icon/zanui-icon-6821b64ee1.eot?#iefix') format('embedded-opentype'),
url('//b.yzcdn.cn/zanui/icon/zanui-icon-6821b64ee1.woff2') format('woff2'),
url('//b.yzcdn.cn/zanui/icon/zanui-icon-6821b64ee1.woff') format('woff'),
url('//b.yzcdn.cn/zanui/icon/zanui-icon-6821b64ee1.ttf') format('truetype')
src: url('//b.yzcdn.cn/zanui/icon/zanui-icon-ca65df15f4.eot');
src: url('//b.yzcdn.cn/zanui/icon/zanui-icon-ca65df15f4.eot?#iefix') format('embedded-opentype'),
url('//b.yzcdn.cn/zanui/icon/zanui-icon-ca65df15f4.woff2') format('woff2'),
url('//b.yzcdn.cn/zanui/icon/zanui-icon-ca65df15f4.woff') format('woff'),
url('//b.yzcdn.cn/zanui/icon/zanui-icon-ca65df15f4.ttf') format('truetype')
}
.zan-icon {
@ -70,4 +70,6 @@
.zan-icon-arrow:before { content: '\e814'; } /* '' */
.zan-icon-gift:before { content: '\e815'; } /* '' */
.zan-icon-search:before { content: '\e816'; } /* '' */
.zan-icon-clear:before { content: '\e817'; } /* '' */
.zan-icon-clear:before { content: '\e817'; } /* '' */
.zan-icon-success:before { content: '\e818'; } /* '' */
.zan-icon-fail:before { content: '\e819'; } /* '' */