Skip to content

Commit

Permalink
【update】更新图标
Browse files Browse the repository at this point in the history
  • Loading branch information
songyumeng committed Nov 1, 2024
1 parent e4e801d commit 6afa9cd
Show file tree
Hide file tree
Showing 7 changed files with 32 additions and 5 deletions.
29 changes: 26 additions & 3 deletions demo/iconfont/iconfont.html
Original file line number Diff line number Diff line change
Expand Up @@ -54,6 +54,12 @@ <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" targ
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">

<li class="dib">
<span class="icon sm-components-icon-">&#xe6a0;</span>
<div class="name">complete</div>
<div class="code-name">&amp;#xe6a0;</div>
</li>

<li class="dib">
<span class="icon sm-components-icon-">&#xe661;</span>
<div class="name">图层样式01</div>
Expand Down Expand Up @@ -432,9 +438,9 @@ <h3 id="-font-face">第一步:拷贝项目下面生成的 <code>@font-face</co
<pre><code class="language-css"
>@font-face {
font-family: 'sm-components-icon-';
src: url('iconfont.woff2?t=1728443762490') format('woff2'),
url('iconfont.woff?t=1728443762490') format('woff'),
url('iconfont.ttf?t=1728443762490') format('truetype');
src: url('iconfont.woff2?t=1730441116037') format('woff2'),
url('iconfont.woff?t=1730441116037') format('woff'),
url('iconfont.ttf?t=1730441116037') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
Expand All @@ -460,6 +466,15 @@ <h3 id="-">第三步:挑选相应图标并获取字体编码,应用于页面
<div class="content font-class">
<ul class="icon_lists dib-box">

<li class="dib">
<span class="icon sm-components-icon- sm-components-icon-complete"></span>
<div class="name">
complete
</div>
<div class="code-name">.sm-components-icon-complete
</div>
</li>

<li class="dib">
<span class="icon sm-components-icon- sm-components-icon-tucengyangshi01"></span>
<div class="name">
Expand Down Expand Up @@ -1027,6 +1042,14 @@ <h3 id="-">第二步:挑选相应图标并获取类名,应用于页面:</h
<div class="content symbol">
<ul class="icon_lists dib-box">

<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#sm-components-icon-complete"></use>
</svg>
<div class="name">complete</div>
<div class="code-name">#sm-components-icon-complete</div>
</li>

<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#sm-components-icon-tucengyangshi01"></use>
Expand Down
2 changes: 1 addition & 1 deletion demo/iconfont/iconfont.js

Large diffs are not rendered by default.

4 changes: 4 additions & 0 deletions src/common/_assets/iconfont/icon-sm-components.css
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,10 @@
-moz-osx-font-smoothing: grayscale;
}

.sm-components-icon-complete:before {
content: "\e6a0";
}

.sm-components-icon-tucengyangshi01:before {
content: "\e661";
}
Expand Down
Binary file modified src/common/_assets/iconfont/icon-sm-components.ttf
Binary file not shown.
Binary file modified src/common/_assets/iconfont/icon-sm-components.woff
Binary file not shown.
Binary file modified src/common/_assets/iconfont/icon-sm-components.woff2
Binary file not shown.
2 changes: 1 addition & 1 deletion src/mapboxgl/query/Query.vue
Original file line number Diff line number Diff line change
Expand Up @@ -125,7 +125,7 @@
@click="queryResultListClicked($event, index)"
>
{{ resultDisplayTitle(item) }}
<i v-if="activeResultIndexList.includes(index) && multiSelect" class="sm-components-icon-delete" />
<i v-if="activeResultIndexList.includes(index) && multiSelect" class="sm-components-icon-complete" />
</li>
</ul>
</div>
Expand Down

0 comments on commit 6afa9cd

Please sign in to comment.