提交 a72a4a11 authored 作者: fit2cloud-chenyw's avatar fit2cloud-chenyw

feat: 替换tabs图标

上级 7dac4702
...@@ -33,7 +33,7 @@ export const assistList = [ ...@@ -33,7 +33,7 @@ export const assistList = [
component: 'de-tabs', component: 'de-tabs',
type: 'de-tabs', type: 'de-tabs',
label: '选项卡', label: '选项卡',
icon: 'iconfont icon-juxing', icon: 'iconfont icon-tabs',
defaultClass: 'text-filter' defaultClass: 'text-filter'
} }
] ]
...@@ -152,7 +152,7 @@ const list = [ ...@@ -152,7 +152,7 @@ const list = [
component: 'de-tabs', component: 'de-tabs',
label: '选项卡', label: '选项卡',
propValue: '', propValue: '',
icon: 'juxing', icon: 'tabs',
type: 'de-tabs', type: 'de-tabs',
style: { style: {
width: 200, width: 200,
......
...@@ -215,35 +215,35 @@ ...@@ -215,35 +215,35 @@
margin: 1em 0; margin: 1em 0;
} }
.markdown >p, .markdown>p,
.markdown >blockquote, .markdown>blockquote,
.markdown >.highlight, .markdown>.highlight,
.markdown >ol, .markdown>ol,
.markdown >ul { .markdown>ul {
width: 80%; width: 80%;
} }
.markdown ul >li { .markdown ul>li {
list-style: circle; list-style: circle;
} }
.markdown >ul li, .markdown>ul li,
.markdown blockquote ul >li { .markdown blockquote ul>li {
margin-left: 20px; margin-left: 20px;
padding-left: 4px; padding-left: 4px;
} }
.markdown >ul li p, .markdown>ul li p,
.markdown >ol li p { .markdown>ol li p {
margin: 0.6em 0; margin: 0.6em 0;
} }
.markdown ol >li { .markdown ol>li {
list-style: decimal; list-style: decimal;
} }
.markdown >ol li, .markdown>ol li,
.markdown blockquote ol >li { .markdown blockquote ol>li {
margin-left: 20px; margin-left: 20px;
padding-left: 4px; padding-left: 4px;
} }
...@@ -260,7 +260,7 @@ ...@@ -260,7 +260,7 @@
font-weight: 600; font-weight: 600;
} }
.markdown >table { .markdown>table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0px; border-spacing: 0px;
empty-cells: show; empty-cells: show;
...@@ -269,14 +269,14 @@ ...@@ -269,14 +269,14 @@
margin-bottom: 24px; margin-bottom: 24px;
} }
.markdown >table th { .markdown>table th {
white-space: nowrap; white-space: nowrap;
color: #333; color: #333;
font-weight: 600; font-weight: 600;
} }
.markdown >table th, .markdown>table th,
.markdown >table td { .markdown>table td {
border: 1px solid #e9e9e9; border: 1px solid #e9e9e9;
padding: 8px 16px; padding: 8px 16px;
text-align: left; text-align: left;
......
...@@ -54,6 +54,18 @@ ...@@ -54,6 +54,18 @@
<div class="content unicode" style="display: block;"> <div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe62a;</span>
<div class="name">44.tabs</div>
<div class="code-name">&amp;#xe62a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe619;</span>
<div class="name">洗浴</div>
<div class="code-name">&amp;#xe619;</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe973;</span> <span class="icon iconfont">&#xe973;</span>
<div class="name">线性图标-取消下钻</div> <div class="name">线性图标-取消下钻</div>
...@@ -360,9 +372,9 @@ ...@@ -360,9 +372,9 @@
<pre><code class="language-css" <pre><code class="language-css"
>@font-face { >@font-face {
font-family: 'iconfont'; font-family: 'iconfont';
src: url('iconfont.woff2?t=1628652979833') format('woff2'), src: url('iconfont.woff2?t=1632382166116') format('woff2'),
url('iconfont.woff?t=1628652979833') format('woff'), url('iconfont.woff?t=1632382166116') format('woff'),
url('iconfont.ttf?t=1628652979833') format('truetype'); url('iconfont.ttf?t=1632382166116') format('truetype');
} }
</code></pre> </code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3> <h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
...@@ -388,6 +400,24 @@ ...@@ -388,6 +400,24 @@
<div class="content font-class"> <div class="content font-class">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-tabs"></span>
<div class="name">
44.tabs
</div>
<div class="code-name">.icon-tabs
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiyu"></span>
<div class="name">
洗浴
</div>
<div class="code-name">.icon-xiyu
</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-quxiaoshangzuan"></span> <span class="icon iconfont icon-quxiaoshangzuan"></span>
<div class="name"> <div class="name">
...@@ -847,6 +877,22 @@ ...@@ -847,6 +877,22 @@
<div class="content symbol"> <div class="content symbol">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tabs"></use>
</svg>
<div class="name">44.tabs</div>
<div class="code-name">#icon-tabs</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiyu"></use>
</svg>
<div class="name">洗浴</div>
<div class="code-name">#icon-xiyu</div>
</li>
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-quxiaoshangzuan"></use> <use xlink:href="#icon-quxiaoshangzuan"></use>
......
@font-face { @font-face {
font-family: "iconfont"; /* Project id 2459092 */ font-family: "iconfont"; /* Project id 2459092 */
src: url('iconfont.woff2?t=1628652979833') format('woff2'), src: url('iconfont.woff2?t=1632382166116') format('woff2'),
url('iconfont.woff?t=1628652979833') format('woff'), url('iconfont.woff?t=1632382166116') format('woff'),
url('iconfont.ttf?t=1628652979833') format('truetype'); url('iconfont.ttf?t=1632382166116') format('truetype');
} }
.iconfont { .iconfont {
...@@ -13,6 +13,14 @@ ...@@ -13,6 +13,14 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-tabs:before {
content: "\e62a";
}
.icon-xiyu:before {
content: "\e619";
}
.icon-quxiaoshangzuan:before { .icon-quxiaoshangzuan:before {
content: "\e973"; content: "\e973";
} }
......
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -5,6 +5,20 @@ ...@@ -5,6 +5,20 @@
"css_prefix_text": "icon-", "css_prefix_text": "icon-",
"description": "", "description": "",
"glyphs": [ "glyphs": [
{
"icon_id": "15196968",
"name": "44.tabs",
"font_class": "tabs",
"unicode": "e62a",
"unicode_decimal": 58922
},
{
"icon_id": "23570269",
"name": "洗浴",
"font_class": "xiyu",
"unicode": "e619",
"unicode_decimal": 58905
},
{ {
"icon_id": "23496077", "icon_id": "23496077",
"name": "线性图标-取消下钻", "name": "线性图标-取消下钻",
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论