Skip to content

N
nutui

京东前端 / nutui

通知 37
Star 4
Fork 1
N
nutui

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 e56621d2 编写于 作者: L lihongfei15
浏览文件
操作

fix:修改heart icon

上级 d7f4316b
展开全部 隐藏空白更改
内联 并排
Showing with 489 addition and 329 deletion
src/packages/rate/demo.vue
浏览文件 @ e56621d2
......@@ -7,7 +7,7 @@
<h2>自定义图标</h2>
<div>
<nut-rate checkedIcon="heart-fill" uncheckedIcon="heart"></nut-rate>
<nut-rate checkedIcon="heart-fill1" uncheckedIcon="heart"></nut-rate>
</div>
<h2>自定义数量</h2>
......
src/styles/font/demo_index.html
浏览文件 @ e56621d2
......@@ -30,6 +30,84 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon nutui-iconfont">&#xe6c0;</span>
<div class="name">heart-n</div>
<div class="code-name">&amp;#xe6c0;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe6c1;</span>
<div class="name">star-fill-n</div>
<div class="code-name">&amp;#xe6c1;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe6c2;</span>
<div class="name">heart-fill-n</div>
<div class="code-name">&amp;#xe6c2;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe6c3;</span>
<div class="name">star-n</div>
<div class="code-name">&amp;#xe6c3;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe69d;</span>
<div class="name">heart</div>
<div class="code-name">&amp;#xe69d;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe69e;</span>
<div class="name">heart</div>
<div class="code-name">&amp;#xe69e;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe69f;</span>
<div class="name">heart-fill</div>
<div class="code-name">&amp;#xe69f;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe6bf;</span>
<div class="name">heart-fill</div>
<div class="code-name">&amp;#xe6bf;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe6be;</span>
<div class="name">heart-fill1</div>
<div class="code-name">&amp;#xe6be;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe6ae;</span>
<div class="name">star-fill</div>
<div class="code-name">&amp;#xe6ae;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe6ad;</span>
<div class="name">star</div>
<div class="code-name">&amp;#xe6ad;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe6a0;</span>
<div class="name">star</div>
<div class="code-name">&amp;#xe6a0;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe6a1;</span>
<div class="name">star-fill</div>
<div class="code-name">&amp;#xe6a1;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe6bd;</span>
<div class="name">share-n</div>
......@@ -120,30 +198,6 @@
<div class="code-name">&amp;#xe6b1;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe6ae;</span>
<div class="name">heart-fill</div>
<div class="code-name">&amp;#xe6ae;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe6ad;</span>
<div class="name">heart-fill1</div>
<div class="code-name">&amp;#xe6ad;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe6a1;</span>
<div class="name">star-fill</div>
<div class="code-name">&amp;#xe6a1;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe6a0;</span>
<div class="name">star</div>
<div class="code-name">&amp;#xe6a0;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe6ac;</span>
<div class="name">Check</div>
......@@ -216,24 +270,6 @@
<div class="code-name">&amp;#xe6a4;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe69e;</span>
<div class="name">heart</div>
<div class="code-name">&amp;#xe69e;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe69f;</span>
<div class="name">heart-fill</div>
<div class="code-name">&amp;#xe69f;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe69d;</span>
<div class="name">heart</div>
<div class="code-name">&amp;#xe69d;</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont">&#xe69c;</span>
<div class="name">github</div>
......@@ -668,6 +704,123 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon nutui-iconfont nut-icon-heart-n"></span>
<div class="name">
heart-n
</div>
<div class="code-name">.nut-icon-heart-n
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-star-fill-n"></span>
<div class="name">
star-fill-n
</div>
<div class="code-name">.nut-icon-star-fill-n
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-heart-fill-n"></span>
<div class="name">
heart-fill-n
</div>
<div class="code-name">.nut-icon-heart-fill-n
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-star-n"></span>
<div class="name">
star-n
</div>
<div class="code-name">.nut-icon-star-n
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-heart"></span>
<div class="name">
heart
</div>
<div class="code-name">.nut-icon-heart
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-heart1"></span>
<div class="name">
heart
</div>
<div class="code-name">.nut-icon-heart1
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-heart-fill"></span>
<div class="name">
heart-fill
</div>
<div class="code-name">.nut-icon-heart-fill
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-heart-fill2"></span>
<div class="name">
heart-fill
</div>
<div class="code-name">.nut-icon-heart-fill2
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-heart-fill1"></span>
<div class="name">
heart-fill1
</div>
<div class="code-name">.nut-icon-heart-fill1
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-star-fill2"></span>
<div class="name">
star-fill
</div>
<div class="code-name">.nut-icon-star-fill2
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-star11"></span>
<div class="name">
star
</div>
<div class="code-name">.nut-icon-star11
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-star1"></span>
<div class="name">
star
</div>
<div class="code-name">.nut-icon-star1
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-star-fill"></span>
<div class="name">
star-fill
</div>
<div class="code-name">.nut-icon-star-fill
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-share-n"></span>
<div class="name">
......@@ -803,42 +956,6 @@
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-heart-fill2"></span>
<div class="name">
heart-fill
</div>
<div class="code-name">.nut-icon-heart-fill2
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-heart-fill1"></span>
<div class="name">
heart-fill1
</div>
<div class="code-name">.nut-icon-heart-fill1
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-star-fill"></span>
<div class="name">
star-fill
</div>
<div class="code-name">.nut-icon-star-fill
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-star1"></span>
<div class="name">
star
</div>
<div class="code-name">.nut-icon-star1
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-Check"></span>
<div class="name">
......@@ -947,33 +1064,6 @@
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-heart1"></span>
<div class="name">
heart
</div>
<div class="code-name">.nut-icon-heart1
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-heart-fill"></span>
<div class="name">
heart-fill
</div>
<div class="code-name">.nut-icon-heart-fill
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-heart"></span>
<div class="name">
heart
</div>
<div class="code-name">.nut-icon-heart
</div>
</li>
<li class="dib">
<span class="icon nutui-iconfont nut-icon-github"></span>
<div class="name">
......@@ -1579,6 +1669,110 @@
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-heart-n"></use>
</svg>
<div class="name">heart-n</div>
<div class="code-name">#nut-icon-heart-n</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-star-fill-n"></use>
</svg>
<div class="name">star-fill-n</div>
<div class="code-name">#nut-icon-star-fill-n</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-heart-fill-n"></use>
</svg>
<div class="name">heart-fill-n</div>
<div class="code-name">#nut-icon-heart-fill-n</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-star-n"></use>
</svg>
<div class="name">star-n</div>
<div class="code-name">#nut-icon-star-n</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-heart"></use>
</svg>
<div class="name">heart</div>
<div class="code-name">#nut-icon-heart</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-heart1"></use>
</svg>
<div class="name">heart</div>
<div class="code-name">#nut-icon-heart1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-heart-fill"></use>
</svg>
<div class="name">heart-fill</div>
<div class="code-name">#nut-icon-heart-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-heart-fill2"></use>
</svg>
<div class="name">heart-fill</div>
<div class="code-name">#nut-icon-heart-fill2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-heart-fill1"></use>
</svg>
<div class="name">heart-fill1</div>
<div class="code-name">#nut-icon-heart-fill1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-star-fill2"></use>
</svg>
<div class="name">star-fill</div>
<div class="code-name">#nut-icon-star-fill2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-star11"></use>
</svg>
<div class="name">star</div>
<div class="code-name">#nut-icon-star11</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-star1"></use>
</svg>
<div class="name">star</div>
<div class="code-name">#nut-icon-star1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-star-fill"></use>
</svg>
<div class="name">star-fill</div>
<div class="code-name">#nut-icon-star-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-share-n"></use>
......@@ -1699,38 +1893,6 @@
<div class="code-name">#nut-icon-issue</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-heart-fill2"></use>
</svg>
<div class="name">heart-fill</div>
<div class="code-name">#nut-icon-heart-fill2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-heart-fill1"></use>
</svg>
<div class="name">heart-fill1</div>
<div class="code-name">#nut-icon-heart-fill1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-star-fill"></use>
</svg>
<div class="name">star-fill</div>
<div class="code-name">#nut-icon-star-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-star1"></use>
</svg>
<div class="name">star</div>
<div class="code-name">#nut-icon-star1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-Check"></use>
......@@ -1827,30 +1989,6 @@
<div class="code-name">#nut-icon-arrow-up</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-heart1"></use>
</svg>
<div class="name">heart</div>
<div class="code-name">#nut-icon-heart1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-heart-fill"></use>
</svg>
<div class="name">heart-fill</div>
<div class="code-name">#nut-icon-heart-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-heart"></use>
</svg>
<div class="name">heart</div>
<div class="code-name">#nut-icon-heart</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#nut-icon-github"></use>
......
src/styles/font/iconfont.css
浏览文件 @ e56621d2
此差异已折叠。
src/styles/font/iconfont.js
浏览文件 @ e56621d2
因为 它太大了无法显示 source diff 。你可以改为 查看blob。
src/styles/font/iconfont.json
浏览文件 @ e56621d2
......@@ -5,6 +5,97 @@
"css_prefix_text": "nut-icon-",
"description": "nutui 3.0字体管理",
"glyphs": [
{
"icon_id": "19795783",
"name": "heart-n",
"font_class": "heart-n",
"unicode": "e6c0",
"unicode_decimal": 59072
},
{
"icon_id": "19795784",
"name": "star-fill-n",
"font_class": "star-fill-n",
"unicode": "e6c1",
"unicode_decimal": 59073
},
{
"icon_id": "19795785",
"name": "heart-fill-n",
"font_class": "heart-fill-n",
"unicode": "e6c2",
"unicode_decimal": 59074
},
{
"icon_id": "19795786",
"name": "star-n",
"font_class": "star-n",
"unicode": "e6c3",
"unicode_decimal": 59075
},
{
"icon_id": "18194643",
"name": "heart",
"font_class": "heart",
"unicode": "e69d",
"unicode_decimal": 59037
},
{
"icon_id": "18194679",
"name": "heart",
"font_class": "heart1",
"unicode": "e69e",
"unicode_decimal": 59038
},
{
"icon_id": "18194680",
"name": "heart-fill",
"font_class": "heart-fill",
"unicode": "e69f",
"unicode_decimal": 59039
},
{
"icon_id": "18987598",
"name": "heart-fill",
"font_class": "heart-fill2",
"unicode": "e6bf",
"unicode_decimal": 59071
},
{
"icon_id": "18987423",
"name": "heart-fill1",
"font_class": "heart-fill1",
"unicode": "e6be",
"unicode_decimal": 59070
},
{
"icon_id": "18985386",
"name": "star-fill",
"font_class": "star-fill2",
"unicode": "e6ae",
"unicode_decimal": 59054
},
{
"icon_id": "18984925",
"name": "star",
"font_class": "star11",
"unicode": "e6ad",
"unicode_decimal": 59053
},
{
"icon_id": "18194681",
"name": "star",
"font_class": "star1",
"unicode": "e6a0",
"unicode_decimal": 59040
},
{
"icon_id": "18194682",
"name": "star-fill",
"font_class": "star-fill",
"unicode": "e6a1",
"unicode_decimal": 59041
},
{
"icon_id": "19593347",
"name": "share-n",
......@@ -110,34 +201,6 @@
"unicode": "e6b1",
"unicode_decimal": 59057
},
{
"icon_id": "18987598",
"name": "heart-fill",
"font_class": "heart-fill2",
"unicode": "e6ae",
"unicode_decimal": 59054
},
{
"icon_id": "18987423",
"name": "heart-fill1",
"font_class": "heart-fill1",
"unicode": "e6ad",
"unicode_decimal": 59053
},
{
"icon_id": "18985386",
"name": "star-fill",
"font_class": "star-fill",
"unicode": "e6a1",
"unicode_decimal": 59041
},
{
"icon_id": "18984925",
"name": "star",
"font_class": "star1",
"unicode": "e6a0",
"unicode_decimal": 59040
},
{
"icon_id": "18845108",
"name": "Check",
......@@ -222,27 +285,6 @@
"unicode": "e6a4",
"unicode_decimal": 59044
},
{
"icon_id": "18194679",
"name": "heart",
"font_class": "heart1",
"unicode": "e69e",
"unicode_decimal": 59038
},
{
"icon_id": "18194680",
"name": "heart-fill",
"font_class": "heart-fill",
"unicode": "e69f",
"unicode_decimal": 59039
},
{
"icon_id": "18194643",
"name": "heart",
"font_class": "heart",
"unicode": "e69d",
"unicode_decimal": 59037
},
{
"icon_id": "18193891",
"name": "github",
......
src/styles/font/iconfont.svg
浏览文件 @ e56621d2
此差异已折叠。
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或