diff --git a/src/assets/search-icons/demo.css b/src/assets/search-icons/demo.css new file mode 100644 index 00000000..a67054a0 --- /dev/null +++ b/src/assets/search-icons/demo.css @@ -0,0 +1,539 @@ +/* Logo 字体 */ +@font-face { + font-family: "iconfont logo"; + src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834'); + src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'), + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'), + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'), + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg'); +} + +.logo { + font-family: "iconfont logo"; + font-size: 160px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* tabs */ +.nav-tabs { + position: relative; +} + +.nav-tabs .nav-more { + position: absolute; + right: 0; + bottom: 0; + height: 42px; + line-height: 42px; + color: #666; +} + +#tabs { + border-bottom: 1px solid #eee; +} + +#tabs li { + cursor: pointer; + width: 100px; + height: 40px; + line-height: 40px; + text-align: center; + font-size: 16px; + border-bottom: 2px solid transparent; + position: relative; + z-index: 1; + margin-bottom: -1px; + color: #666; +} + + +#tabs .active { + border-bottom-color: #f00; + color: #222; +} + +.tab-container .content { + display: none; +} + +/* 页面布局 */ +.main { + padding: 30px 100px; + width: 960px; + margin: 0 auto; +} + +.main .logo { + color: #333; + text-align: left; + margin-bottom: 30px; + line-height: 1; + height: 110px; + margin-top: -50px; + overflow: hidden; + *zoom: 1; +} + +.main .logo a { + font-size: 160px; + color: #333; +} + +.helps { + margin-top: 40px; +} + +.helps pre { + padding: 20px; + margin: 10px 0; + border: solid 1px #e7e1cd; + background-color: #fffdef; + overflow: auto; +} + +.icon_lists { + width: 100% !important; + overflow: hidden; + *zoom: 1; +} + +.icon_lists li { + width: 100px; + margin-bottom: 10px; + margin-right: 20px; + text-align: center; + list-style: none !important; + cursor: default; +} + +.icon_lists li .code-name { + line-height: 1.2; +} + +.icon_lists .icon { + display: block; + height: 100px; + line-height: 100px; + font-size: 42px; + margin: 10px auto; + color: #333; + -webkit-transition: font-size 0.25s linear, width 0.25s linear; + -moz-transition: font-size 0.25s linear, width 0.25s linear; + transition: font-size 0.25s linear, width 0.25s linear; +} + +.icon_lists .icon:hover { + font-size: 100px; +} + +.icon_lists .svg-icon { + /* 通过设置 font-size 来改变图标大小 */ + width: 1em; + /* 图标和文字相邻时，垂直对齐 */ + vertical-align: -0.15em; + /* 通过设置 color 来改变 SVG 的颜色/fill */ + fill: currentColor; + /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示 + normalize.css 中也包含这行 */ + overflow: hidden; +} + +.icon_lists li .name, +.icon_lists li .code-name { + color: #666; +} + +/* markdown 样式 */ +.markdown { + color: #666; + font-size: 14px; + line-height: 1.8; +} + +.highlight { + line-height: 1.5; +} + +.markdown img { + vertical-align: middle; + max-width: 100%; +} + +.markdown h1 { + color: #404040; + font-weight: 500; + line-height: 40px; + margin-bottom: 24px; +} + +.markdown h2, +.markdown h3, +.markdown h4, +.markdown h5, +.markdown h6 { + color: #404040; + margin: 1.6em 0 0.6em 0; + font-weight: 500; + clear: both; +} + +.markdown h1 { + font-size: 28px; +} + +.markdown h2 { + font-size: 22px; +} + +.markdown h3 { + font-size: 16px; +} + +.markdown h4 { + font-size: 14px; +} + +.markdown h5 { + font-size: 12px; +} + +.markdown h6 { + font-size: 12px; +} + +.markdown hr { + height: 1px; + border: 0; + background: #e9e9e9; + margin: 16px 0; + clear: both; +} + +.markdown p { + margin: 1em 0; +} + +.markdown>p, +.markdown>blockquote, +.markdown>.highlight, +.markdown>ol, +.markdown>ul { + width: 80%; +} + +.markdown ul>li { + list-style: circle; +} + +.markdown>ul li, +.markdown blockquote ul>li { + margin-left: 20px; + padding-left: 4px; +} + +.markdown>ul li p, +.markdown>ol li p { + margin: 0.6em 0; +} + +.markdown ol>li { + list-style: decimal; +} + +.markdown>ol li, +.markdown blockquote ol>li { + margin-left: 20px; + padding-left: 4px; +} + +.markdown code { + margin: 0 3px; + padding: 0 5px; + background: #eee; + border-radius: 3px; +} + +.markdown strong, +.markdown b { + font-weight: 600; +} + +.markdown>table { + border-collapse: collapse; + border-spacing: 0px; + empty-cells: show; + border: 1px solid #e9e9e9; + width: 95%; + margin-bottom: 24px; +} + +.markdown>table th { + white-space: nowrap; + color: #333; + font-weight: 600; +} + +.markdown>table th, +.markdown>table td { + border: 1px solid #e9e9e9; + padding: 8px 16px; + text-align: left; +} + +.markdown>table th { + background: #F7F7F7; +} + +.markdown blockquote { + font-size: 90%; + color: #999; + border-left: 4px solid #e9e9e9; + padding-left: 0.8em; + margin: 1em 0; +} + +.markdown blockquote p { + margin: 0; +} + +.markdown .anchor { + opacity: 0; + transition: opacity 0.3s ease; + margin-left: 8px; +} + +.markdown .waiting { + color: #ccc; +} + +.markdown h1:hover .anchor, +.markdown h2:hover .anchor, +.markdown h3:hover .anchor, +.markdown h4:hover .anchor, +.markdown h5:hover .anchor, +.markdown h6:hover .anchor { + opacity: 1; + display: inline-block; +} + +.markdown>br, +.markdown>p>br { + clear: both; +} + + +.hljs { + display: block; + background: white; + padding: 0.5em; + color: #333333; + overflow-x: auto; +} + +.hljs-comment, +.hljs-meta { + color: #969896; +} + +.hljs-string, +.hljs-variable, +.hljs-template-variable, +.hljs-strong, +.hljs-emphasis, +.hljs-quote { + color: #df5000; +} + +.hljs-keyword, +.hljs-selector-tag, +.hljs-type { + color: #a71d5d; +} + +.hljs-literal, +.hljs-symbol, +.hljs-bullet, +.hljs-attribute { + color: #0086b3; +} + +.hljs-section, +.hljs-name { + color: #63a35c; +} + +.hljs-tag { + color: #333333; +} + +.hljs-title, +.hljs-attr, +.hljs-selector-id, +.hljs-selector-class, +.hljs-selector-attr, +.hljs-selector-pseudo { + color: #795da3; +} + +.hljs-addition { + color: #55a532; + background-color: #eaffea; +} + +.hljs-deletion { + color: #bd2c00; + background-color: #ffecec; +} + +.hljs-link { + text-decoration: underline; +} + +/* 代码高亮 */ +/* PrismJS 1.15.0 +https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */ +/** + * prism.js default theme for JavaScript, CSS and HTML + * Based on dabblet (http://dabblet.com) + * @author Lea Verou + */ +code[class*="language-"], +pre[class*="language-"] { + color: black; + background: none; + text-shadow: 0 1px white; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +pre[class*="language-"]::-moz-selection, +pre[class*="language-"] ::-moz-selection, +code[class*="language-"]::-moz-selection, +code[class*="language-"] ::-moz-selection { + text-shadow: none; + background: #b3d4fc; +} + +pre[class*="language-"]::selection, +pre[class*="language-"] ::selection, +code[class*="language-"]::selection, +code[class*="language-"] ::selection { + text-shadow: none; + background: #b3d4fc; +} + +@media print { + + code[class*="language-"], + pre[class*="language-"] { + text-shadow: none; + } +} + +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; +} + +:not(pre)>code[class*="language-"], +pre[class*="language-"] { + background: #f5f2f0; +} + +/* Inline code */ +:not(pre)>code[class*="language-"] { + padding: .1em; + border-radius: .3em; + white-space: normal; +} + +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: slategray; +} + +.token.punctuation { + color: #999; +} + +.namespace { + opacity: .7; +} + +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.constant, +.token.symbol, +.token.deleted { + color: #905; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.builtin, +.token.inserted { + color: #690; +} + +.token.operator, +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string { + color: #9a6e3a; + background: hsla(0, 0%, 100%, .5); +} + +.token.atrule, +.token.attr-value, +.token.keyword { + color: #07a; +} + +.token.function, +.token.class-name { + color: #DD4A68; +} + +.token.regex, +.token.important, +.token.variable { + color: #e90; +} + +.token.important, +.token.bold { + font-weight: bold; +} + +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} diff --git a/src/assets/search-icons/demo_index.html b/src/assets/search-icons/demo_index.html new file mode 100644 index 00000000..6e190650 --- /dev/null +++ b/src/assets/search-icons/demo_index.html @@ -0,0 +1,2328 @@ + + + + + iconfont Demo + + + + + + + + + + + + + +
+

+ + +

+
+ + + 查看项目 + +
+
+
+
    + +
  • + +
    礼物
    +
    
    +
    • + +
  • + +
    放大
    +
    
    +
    • + +
  • + +
    放大-四角
    +
    
    +
    • + +
  • + +
    放大-边线
    +
    
    +
    • + +
  • + 𐆃 +
    地图导航
    +
    𐆃
    +
    • + +
  • + +
    选中下标
    +
    
    +
    • + +
  • + +
    感叹号
    +
    
    +
    • + +
  • + +
    复制
    +
    
    +
    • + +
  • + +
    转账
    +
    
    +
    • + +
  • + +
    收款
    +
    
    +
    • + +
  • + +
    转换2
    +
    
    +
    • + +
  • + +
    提现
    +
    
    +
    • + +
  • + +
    充值
    +
    
    +
    • + +
  • + +
    转换
    +
    
    +
    • + +
  • + +
    明细
    +
    
    +
    • + +
  • + +
    门店
    +
    
    +
    • + +
  • + +
    星星
    +
    
    +
    • + +
  • + +
    位置定位
    +
    
    +
    • + +
  • + +
    消息
    +
    
    +
    • + +
  • + +
    login-language
    +
    
    +
    • + +
  • + +
    login-down-arrow
    +
    
    +
    • + +
  • + +
    删除
    +
    
    +
    • + +
  • + +
    成功对号
    +
    
    +
    • + +
  • + +
    Shopping cart1107
    +
    
    +
    • + +
  • + +
    me1107
    +
    
    +
    • + +
  • + +
    classify1107
    +
    
    +
    • + +
  • + +
    index1107
    +
    
    +
    • + +
  • + +
    支付_支付失败
    +
    
    +
    • + +
  • + +
    jianpan-guanbi
    +
    
    +
    • + +
  • + +
    转账/转换
    +
    
    +
    • + +
  • + +
    wytw-sctp
    +
    
    +
    • + +
  • + +
    xzzx-shij
    +
    
    +
    • + +
  • + +
    xzzx-rhaz
    +
    
    +
    • + +
  • + +
    xzzx-kfwd
    +
    
    +
    • + +
  • + +
    wenda-wytw
    +
    
    +
    • + +
  • + +
    wenda-wdtw
    +
    
    +
    • + +
  • + +
    bowenxiangqing-dianzan-xuaz
    +
    
    +
    • + +
  • + +
    bowenxiangqing-fenxiang
    +
    
    +
    • + +
  • + +
    bowenxiangqing-huifu
    +
    
    +
    • + +
  • + +
    bowenxiangqing-dianzan
    +
    
    +
    • + +
  • + +
    wodeqianbao-eyeclo2
    +
    
    +
    • + +
  • + +
    zuhedap-shoping
    +
    
    +
    • + +
  • + +
    wdhy-gaoji
    +
    
    +
    • + +
  • + +
    二维码
    +
    
    +
    • + +
  • + +
    wdfx-ptfx
    +
    
    +
    • + +
  • + +
    wdfx-gjfx
    +
    
    +
    • + +
  • + +
    xzdz-tianjiabiaoq
    +
    
    +
    • + +
  • + +
    xzdz-dingwei
    +
    
    +
    • + +
  • + +
    wddz-bianji
    +
    
    +
    • + +
  • + +
    bjdz-guanbi
    +
    
    +
    • + +
  • + +
    箭头-向左
    +
    
    +
    • + +
  • + +
    扫一扫
    +
    
    +
    • + +
  • + +
    wodeqianbao-eye
    +
    
    +
    • + +
  • + +
    mendian-dingwei
    +
    
    +
    • + +
  • + +
    zhifu-yixuan
    +
    
    +
    • + +
  • + +
    zhifu-weixuan
    +
    
    +
    • + +
  • + +
    箭头-向下
    +
    
    +
    • + +
  • + +
    关闭-空心
    +
    
    +
    • + +
  • + +
    kaitonghuiy-dingdan
    +
    
    +
    • + +
  • + +
    miaosha-hdgz
    +
    
    +
    • + +
  • + +
    mendian-sc
    +
    
    +
    • + +
  • + +
    mendian-kefu
    +
    
    +
    • + +
  • + +
    qiandao-tancguanbi
    +
    
    +
    • + +
  • + +
    qiandao-dqxz
    +
    
    +
    • + +
  • + +
    分享-正方形
    +
    
    +
    • + +
  • + +
    qiandao-wdqd
    +
    
    +
    • + +
  • + +
    qiandao-zudui
    +
    
    +
    • + +
  • + +
    圆角箭头-向右
    +
    
    +
    • + +
  • + +
    qiandao-yixuan
    +
    
    +
    • + +
  • + +
    箭头-向右
    +
    
    +
    • + +
  • + +
    zhibo-shixiao
    +
    
    +
    • + +
  • + +
    icon-cart-dec
    +
    
    +
    • + +
  • + +
    icon-cart-inc
    +
    
    +
    • + +
  • + +
    箭头-向上
    +
    
    +
    • + +
  • + +
    icon-fenlei-more
    +
    
    +
    • + +
  • + +
    icon-zhibo-time
    +
    
    +
    • + +
  • + +
    icon-pp-all
    +
    
    +
    • + +
  • + +
    icon-zhibo-zt
    +
    
    +
    • + +
  • + +
    icon-zhibo-jies
    +
    
    +
    • + +
  • + +
    icon-md-phone
    +
    
    +
    • + +
  • + +
    icon-md-dh
    +
    
    +
    • + +
  • + +
    icon-index-zxmd-phone
    +
    
    +
    • + +
  • + +
    icon-index-zxmd-dh
    +
    
    +
    • + +
  • + +
    icon-index-zxmd-time
    +
    
    +
    • + +
  • + +
    icon-index-zxmd-dress
    +
    
    +
    • + +
  • + +
    icon-index-notice
    +
    
    +
    • + +
  • + +
    icon-index-search
    +
    
    +
    • + +
  • + +
    icon-applet-me-settings-acquiesce
    +
    
    +
    • + +
  • + +
    icon-applet-me-message-acquiesce
    +
    
    +
    • + +
  • + +
    icon-applet-me-acquiesce
    +
    
    +
    • + +
  • + +
    icon-applet-sort-acquiesce
    +
    
    +
    • + +
  • + +
    icon-applet-index-acquiesce
    +
    
    +
    • + +
  • + +
    icon-applet-shop-acquiesce
    +
    
    +
    • + +
+
+

Unicode 引用

+
+ +

Unicode 是字体在网页端最原始的应用方式，特点是：

+
    +
  • 支持按字体的方式去动态调整图标大小，颜色等等。
    • +
  • 默认情况下不支持多色，直接添加多色图标会自动去色。
    • +
+
+

注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）

+
+

Unicode 使用步骤如下：

+

第一步：拷贝项目下面生成的 @font-face

+
@font-face {
+  font-family: 'iconfont';
+  src: url('iconfont.woff2?t=1724376718457') format('woff2'),
+       url('iconfont.woff?t=1724376718457') format('woff'),
+       url('iconfont.ttf?t=1724376718457') format('truetype'),
+       url('iconfont.svg?t=1724376718457#iconfont') format('svg');
+}
+
+

第二步：定义使用 iconfont 的样式

+
.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+

第三步：挑选相应图标并获取字体编码，应用于页面

+
+<span class="iconfont">&#x33;</span>
+
+
+

"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。

+
+
+
+
+
    + +
  • + +
    + 礼物 +
    +
    .icon-gift-fine +
    +
    • + +
  • + +
    + 放大 +
    +
    .icon-enlarge +
    +
    • + +
  • + +
    + 放大-四角 +
    +
    .icon-enlarge-four +
    +
    • + +
  • + +
    + 放大-边线 +
    +
    .icon-enlarge-border +
    +
    • + +
  • + +
    + 地图导航 +
    +
    .icon-map-navigator +
    +
    • + +
  • + +
    + 选中下标 +
    +
    .icon-down-mark +
    +
    • + +
  • + +
    + 感叹号 +
    +
    .icon-sigh-o +
    +
    • + +
  • + +
    + 复制 +
    +
    .icon-copy +
    +
    • + +
  • + +
    + 转账 +
    +
    .icon-transfer-count +
    +
    • + +
  • + +
    + 收款 +
    +
    .icon-collection +
    +
    • + +
  • + +
    + 转换2 +
    +
    .icon-convert2 +
    +
    • + +
  • + +
    + 提现 +
    +
    .icon-cash +
    +
    • + +
  • + +
    + 充值 +
    +
    .icon-recharge +
    +
    • + +
  • + +
    + 转换 +
    +
    .icon-convert +
    +
    • + +
  • + +
    + 明细 +
    +
    .icon-detail +
    +
    • + +
  • + +
    + 门店 +
    +
    .icon-store +
    +
    • + +
  • + +
    + 星星 +
    +
    .icon-star +
    +
    • + +
  • + +
    + 位置定位 +
    +
    .icon-location +
    +
    • + +
  • + +
    + 消息 +
    +
    .icon-message +
    +
    • + +
  • + +
    + login-language +
    +
    .icon-login-language +
    +
    • + +
  • + +
    + login-down-arrow +
    +
    .icon-login-down-arrow +
    +
    • + +
  • + +
    + 删除 +
    +
    .icon-delete +
    +
    • + +
  • + +
    + 成功对号 +
    +
    .icon-checked +
    +
    • + +
  • + +
    + Shopping cart1107 +
    +
    .icon-a-Shoppingcart1107 +
    +
    • + +
  • + +
    + me1107 +
    +
    .icon-me1107 +
    +
    • + +
  • + +
    + classify1107 +
    +
    .icon-classify1107 +
    +
    • + +
  • + +
    + index1107 +
    +
    .icon-index1107 +
    +
    • + +
  • + +
    + 支付_支付失败 +
    +
    .icon-payment-fail +
    +
    • + +
  • + +
    + jianpan-guanbi +
    +
    .icon-keyboard-backspace +
    +
    • + +
  • + +
    + 转账/转换 +
    +
    .icon-transfer +
    +
    • + +
  • + +
    + wytw-sctp +
    +
    .icon-wytw-sctp +
    +
    • + +
  • + +
    + xzzx-shij +
    +
    .icon-xzzx-shij +
    +
    • + +
  • + +
    + xzzx-rhaz +
    +
    .icon-xzzx-rhaz +
    +
    • + +
  • + +
    + xzzx-kfwd +
    +
    .icon-xzzx-kfwd +
    +
    • + +
  • + +
    + wenda-wytw +
    +
    .icon-wenda-wytw +
    +
    • + +
  • + +
    + wenda-wdtw +
    +
    .icon-wenda-wdtw +
    +
    • + +
  • + +
    + bowenxiangqing-dianzan-xuaz +
    +
    .icon-bowenxiangqing-dianzan-xuaz +
    +
    • + +
  • + +
    + bowenxiangqing-fenxiang +
    +
    .icon-bowenxiangqing-fenxiang +
    +
    • + +
  • + +
    + bowenxiangqing-huifu +
    +
    .icon-bowenxiangqing-huifu +
    +
    • + +
  • + +
    + bowenxiangqing-dianzan +
    +
    .icon-bowenxiangqing-dianzan +
    +
    • + +
  • + +
    + wodeqianbao-eyeclo2 +
    +
    .icon-wodeqianbao-eyeclo2 +
    +
    • + +
  • + +
    + zuhedap-shoping +
    +
    .icon-zuhedap-shoping +
    +
    • + +
  • + +
    + wdhy-gaoji +
    +
    .icon-wdhy-gaoji +
    +
    • + +
  • + +
    + 二维码 +
    +
    .icon-qrcode +
    +
    • + +
  • + +
    + wdfx-ptfx +
    +
    .icon-wdfx-ptfx +
    +
    • + +
  • + +
    + wdfx-gjfx +
    +
    .icon-wdfx-gjfx +
    +
    • + +
  • + +
    + xzdz-tianjiabiaoq +
    +
    .icon-xzdz-tianjiabiaoq +
    +
    • + +
  • + +
    + xzdz-dingwei +
    +
    .icon-xzdz-dingwei +
    +
    • + +
  • + +
    + wddz-bianji +
    +
    .icon-wddz-bianji +
    +
    • + +
  • + +
    + bjdz-guanbi +
    +
    .icon-bjdz-guanbi +
    +
    • + +
  • + +
    + 箭头-向左 +
    +
    .icon-arrow-left +
    +
    • + +
  • + +
    + 扫一扫 +
    +
    .icon-scan +
    +
    • + +
  • + +
    + wodeqianbao-eye +
    +
    .icon-wodeqianbao-eye +
    +
    • + +
  • + +
    + mendian-dingwei +
    +
    .icon-mendian-dingwei +
    +
    • + +
  • + +
    + zhifu-yixuan +
    +
    .icon-zhifu-yixuan +
    +
    • + +
  • + +
    + zhifu-weixuan +
    +
    .icon-zhifu-weixuan +
    +
    • + +
  • + +
    + 箭头-向下 +
    +
    .icon-arrow-bottom +
    +
    • + +
  • + +
    + 关闭-空心 +
    +
    .icon-close-o +
    +
    • + +
  • + +
    + kaitonghuiy-dingdan +
    +
    .icon-kaitonghuiy-dingdan +
    +
    • + +
  • + +
    + miaosha-hdgz +
    +
    .icon-miaosha-hdgz +
    +
    • + +
  • + +
    + mendian-sc +
    +
    .icon-mendian-sc +
    +
    • + +
  • + +
    + mendian-kefu +
    +
    .icon-mendian-kefu +
    +
    • + +
  • + +
    + qiandao-tancguanbi +
    +
    .icon-qiandao-tancguanbi +
    +
    • + +
  • + +
    + qiandao-dqxz +
    +
    .icon-qiandao-dqxz +
    +
    • + +
  • + +
    + 分享-正方形 +
    +
    .icon-share-square +
    +
    • + +
  • + +
    + qiandao-wdqd +
    +
    .icon-qiandao-wdqd +
    +
    • + +
  • + +
    + qiandao-zudui +
    +
    .icon-qiandao-zudui +
    +
    • + +
  • + +
    + 圆角箭头-向右 +
    +
    .icon-arrow-right-round +
    +
    • + +
  • + +
    + qiandao-yixuan +
    +
    .icon-qiandao-yixuan +
    +
    • + +
  • + +
    + 箭头-向右 +
    +
    .icon-arrow-right +
    +
    • + +
  • + +
    + zhibo-shixiao +
    +
    .icon-zhibo-shixiao +
    +
    • + +
  • + +
    + icon-cart-dec +
    +
    .icon-cart-dec +
    +
    • + +
  • + +
    + icon-cart-inc +
    +
    .icon-cart-inc +
    +
    • + +
  • + +
    + 箭头-向上 +
    +
    .icon-arrow-top +
    +
    • + +
  • + +
    + icon-fenlei-more +
    +
    .icon-fenlei-more +
    +
    • + +
  • + +
    + icon-zhibo-time +
    +
    .icon-zhibo-time +
    +
    • + +
  • + +
    + icon-pp-all +
    +
    .icon-pp-all +
    +
    • + +
  • + +
    + icon-zhibo-zt +
    +
    .icon-zhibo-zt +
    +
    • + +
  • + +
    + icon-zhibo-jies +
    +
    .icon-zhibo-jies +
    +
    • + +
  • + +
    + icon-md-phone +
    +
    .icon-md-phone +
    +
    • + +
  • + +
    + icon-md-dh +
    +
    .icon-md-dh +
    +
    • + +
  • + +
    + icon-index-zxmd-phone +
    +
    .icon-index-zxmd-phone +
    +
    • + +
  • + +
    + icon-index-zxmd-dh +
    +
    .icon-index-zxmd-dh +
    +
    • + +
  • + +
    + icon-index-zxmd-time +
    +
    .icon-index-zxmd-time +
    +
    • + +
  • + +
    + icon-index-zxmd-dress +
    +
    .icon-index-zxmd-dress +
    +
    • + +
  • + +
    + icon-index-notice +
    +
    .icon-index-notice +
    +
    • + +
  • + +
    + icon-index-search +
    +
    .icon-index-search +
    +
    • + +
  • + +
    + icon-applet-me-settings-acquiesce +
    +
    .icon-applet-me-settings-acquiesce +
    +
    • + +
  • + +
    + icon-applet-me-message-acquiesce +
    +
    .icon-applet-me-message-acquiesce +
    +
    • + +
  • + +
    + icon-applet-me-acquiesce +
    +
    .icon-applet-me-acquiesce +
    +
    • + +
  • + +
    + icon-applet-sort-acquiesce +
    +
    .icon-applet-sort-acquiesce +
    +
    • + +
  • + +
    + icon-applet-index-acquiesce +
    +
    .icon-applet-index-acquiesce +
    +
    • + +
  • + +
    + icon-applet-shop-acquiesce +
    +
    .icon-applet-shop-acquiesce +
    +
    • + +
+
+

font-class 引用

+
+ +

font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。

+

与 Unicode 使用方式相比，具有如下特点：

+
    +
  • 相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。
    • +
  • 因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。
    • +
+

使用步骤如下：

+

第一步：引入项目下面生成的 fontclass 代码：

+
<link rel="stylesheet" href="./iconfont.css">
+
+

第二步：挑选相应图标并获取类名，应用于页面：

+
<span class="iconfont icon-xxx"></span>
+
+
+

" + iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。

+
+
+
+
+
    + +
  • + +
    礼物
    +
    #icon-gift-fine
    +
    • + +
  • + +
    放大
    +
    #icon-enlarge
    +
    • + +
  • + +
    放大-四角
    +
    #icon-enlarge-four
    +
    • + +
  • + +
    放大-边线
    +
    #icon-enlarge-border
    +
    • + +
  • + +
    地图导航
    +
    #icon-map-navigator
    +
    • + +
  • + +
    选中下标
    +
    #icon-down-mark
    +
    • + +
  • + +
    感叹号
    +
    #icon-sigh-o
    +
    • + +
  • + +
    复制
    +
    #icon-copy
    +
    • + +
  • + +
    转账
    +
    #icon-transfer-count
    +
    • + +
  • + +
    收款
    +
    #icon-collection
    +
    • + +
  • + +
    转换2
    +
    #icon-convert2
    +
    • + +
  • + +
    提现
    +
    #icon-cash
    +
    • + +
  • + +
    充值
    +
    #icon-recharge
    +
    • + +
  • + +
    转换
    +
    #icon-convert
    +
    • + +
  • + +
    明细
    +
    #icon-detail
    +
    • + +
  • + +
    门店
    +
    #icon-store
    +
    • + +
  • + +
    星星
    +
    #icon-star
    +
    • + +
  • + +
    位置定位
    +
    #icon-location
    +
    • + +
  • + +
    消息
    +
    #icon-message
    +
    • + +
  • + +
    login-language
    +
    #icon-login-language
    +
    • + +
  • + +
    login-down-arrow
    +
    #icon-login-down-arrow
    +
    • + +
  • + +
    删除
    +
    #icon-delete
    +
    • + +
  • + +
    成功对号
    +
    #icon-checked
    +
    • + +
  • + +
    Shopping cart1107
    +
    #icon-a-Shoppingcart1107
    +
    • + +
  • + +
    me1107
    +
    #icon-me1107
    +
    • + +
  • + +
    classify1107
    +
    #icon-classify1107
    +
    • + +
  • + +
    index1107
    +
    #icon-index1107
    +
    • + +
  • + +
    支付_支付失败
    +
    #icon-payment-fail
    +
    • + +
  • + +
    jianpan-guanbi
    +
    #icon-keyboard-backspace
    +
    • + +
  • + +
    转账/转换
    +
    #icon-transfer
    +
    • + +
  • + +
    wytw-sctp
    +
    #icon-wytw-sctp
    +
    • + +
  • + +
    xzzx-shij
    +
    #icon-xzzx-shij
    +
    • + +
  • + +
    xzzx-rhaz
    +
    #icon-xzzx-rhaz
    +
    • + +
  • + +
    xzzx-kfwd
    +
    #icon-xzzx-kfwd
    +
    • + +
  • + +
    wenda-wytw
    +
    #icon-wenda-wytw
    +
    • + +
  • + +
    wenda-wdtw
    +
    #icon-wenda-wdtw
    +
    • + +
  • + +
    bowenxiangqing-dianzan-xuaz
    +
    #icon-bowenxiangqing-dianzan-xuaz
    +
    • + +
  • + +
    bowenxiangqing-fenxiang
    +
    #icon-bowenxiangqing-fenxiang
    +
    • + +
  • + +
    bowenxiangqing-huifu
    +
    #icon-bowenxiangqing-huifu
    +
    • + +
  • + +
    bowenxiangqing-dianzan
    +
    #icon-bowenxiangqing-dianzan
    +
    • + +
  • + +
    wodeqianbao-eyeclo2
    +
    #icon-wodeqianbao-eyeclo2
    +
    • + +
  • + +
    zuhedap-shoping
    +
    #icon-zuhedap-shoping
    +
    • + +
  • + +
    wdhy-gaoji
    +
    #icon-wdhy-gaoji
    +
    • + +
  • + +
    二维码
    +
    #icon-qrcode
    +
    • + +
  • + +
    wdfx-ptfx
    +
    #icon-wdfx-ptfx
    +
    • + +
  • + +
    wdfx-gjfx
    +
    #icon-wdfx-gjfx
    +
    • + +
  • + +
    xzdz-tianjiabiaoq
    +
    #icon-xzdz-tianjiabiaoq
    +
    • + +
  • + +
    xzdz-dingwei
    +
    #icon-xzdz-dingwei
    +
    • + +
  • + +
    wddz-bianji
    +
    #icon-wddz-bianji
    +
    • + +
  • + +
    bjdz-guanbi
    +
    #icon-bjdz-guanbi
    +
    • + +
  • + +
    箭头-向左
    +
    #icon-arrow-left
    +
    • + +
  • + +
    扫一扫
    +
    #icon-scan
    +
    • + +
  • + +
    wodeqianbao-eye
    +
    #icon-wodeqianbao-eye
    +
    • + +
  • + +
    mendian-dingwei
    +
    #icon-mendian-dingwei
    +
    • + +
  • + +
    zhifu-yixuan
    +
    #icon-zhifu-yixuan
    +
    • + +
  • + +
    zhifu-weixuan
    +
    #icon-zhifu-weixuan
    +
    • + +
  • + +
    箭头-向下
    +
    #icon-arrow-bottom
    +
    • + +
  • + +
    关闭-空心
    +
    #icon-close-o
    +
    • + +
  • + +
    kaitonghuiy-dingdan
    +
    #icon-kaitonghuiy-dingdan
    +
    • + +
  • + +
    miaosha-hdgz
    +
    #icon-miaosha-hdgz
    +
    • + +
  • + +
    mendian-sc
    +
    #icon-mendian-sc
    +
    • + +
  • + +
    mendian-kefu
    +
    #icon-mendian-kefu
    +
    • + +
  • + +
    qiandao-tancguanbi
    +
    #icon-qiandao-tancguanbi
    +
    • + +
  • + +
    qiandao-dqxz
    +
    #icon-qiandao-dqxz
    +
    • + +
  • + +
    分享-正方形
    +
    #icon-share-square
    +
    • + +
  • + +
    qiandao-wdqd
    +
    #icon-qiandao-wdqd
    +
    • + +
  • + +
    qiandao-zudui
    +
    #icon-qiandao-zudui
    +
    • + +
  • + +
    圆角箭头-向右
    +
    #icon-arrow-right-round
    +
    • + +
  • + +
    qiandao-yixuan
    +
    #icon-qiandao-yixuan
    +
    • + +
  • + +
    箭头-向右
    +
    #icon-arrow-right
    +
    • + +
  • + +
    zhibo-shixiao
    +
    #icon-zhibo-shixiao
    +
    • + +
  • + +
    icon-cart-dec
    +
    #icon-cart-dec
    +
    • + +
  • + +
    icon-cart-inc
    +
    #icon-cart-inc
    +
    • + +
  • + +
    箭头-向上
    +
    #icon-arrow-top
    +
    • + +
  • + +
    icon-fenlei-more
    +
    #icon-fenlei-more
    +
    • + +
  • + +
    icon-zhibo-time
    +
    #icon-zhibo-time
    +
    • + +
  • + +
    icon-pp-all
    +
    #icon-pp-all
    +
    • + +
  • + +
    icon-zhibo-zt
    +
    #icon-zhibo-zt
    +
    • + +
  • + +
    icon-zhibo-jies
    +
    #icon-zhibo-jies
    +
    • + +
  • + +
    icon-md-phone
    +
    #icon-md-phone
    +
    • + +
  • + +
    icon-md-dh
    +
    #icon-md-dh
    +
    • + +
  • + +
    icon-index-zxmd-phone
    +
    #icon-index-zxmd-phone
    +
    • + +
  • + +
    icon-index-zxmd-dh
    +
    #icon-index-zxmd-dh
    +
    • + +
  • + +
    icon-index-zxmd-time
    +
    #icon-index-zxmd-time
    +
    • + +
  • + +
    icon-index-zxmd-dress
    +
    #icon-index-zxmd-dress
    +
    • + +
  • + +
    icon-index-notice
    +
    #icon-index-notice
    +
    • + +
  • + +
    icon-index-search
    +
    #icon-index-search
    +
    • + +
  • + +
    icon-applet-me-settings-acquiesce
    +
    #icon-applet-me-settings-acquiesce
    +
    • + +
  • + +
    icon-applet-me-message-acquiesce
    +
    #icon-applet-me-message-acquiesce
    +
    • + +
  • + +
    icon-applet-me-acquiesce
    +
    #icon-applet-me-acquiesce
    +
    • + +
  • + +
    icon-applet-sort-acquiesce
    +
    #icon-applet-sort-acquiesce
    +
    • + +
  • + +
    icon-applet-index-acquiesce
    +
    #icon-applet-index-acquiesce
    +
    • + +
  • + +
    icon-applet-shop-acquiesce
    +
    #icon-applet-shop-acquiesce
    +
    • + +
+
+

Symbol 引用

+
+ +

这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 + 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：

+
    +
  • 支持多色图标了，不再受单色限制。
    • +
  • 通过一些技巧，支持像字体那样，通过 font-size, color 来调整样式。
    • +
  • 兼容性较差，支持 IE9+，及现代浏览器。
    • +
  • 浏览器渲染 SVG 的性能一般，还不如 png。
    • +
+

使用步骤如下：

+

第一步：引入项目下面生成的 symbol 代码：

+
<script src="./iconfont.js"></script>
+
+

第二步：加入通用 CSS 代码（引入一次就行）：

+
<style>
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+</style>
+
+

第三步：挑选相应图标并获取类名，应用于页面：

+
<svg class="icon" aria-hidden="true">
+  <use xlink:href="#icon-xxx"></use>
+</svg>
+
+
+
+ +
+
+ + + diff --git a/src/assets/search-icons/iconfont.css b/src/assets/search-icons/iconfont.css new file mode 100644 index 00000000..b6d69e0f --- /dev/null +++ b/src/assets/search-icons/iconfont.css @@ -0,0 +1,388 @@ +@font-face { + font-family: "iconfont"; /* Project id 4227145 */ + src: url('iconfont.woff2?t=1724376718457') format('woff2'), + url('iconfont.woff?t=1724376718457') format('woff'), + url('iconfont.ttf?t=1724376718457') format('truetype'), + url('iconfont.svg?t=1724376718457#iconfont') format('svg'); +} + +.iconfont { + font-family: "iconfont" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-gift-fine:before { + content: "\e771"; +} + +.icon-enlarge:before { + content: "\e60d"; +} + +.icon-enlarge-four:before { + content: "\e602"; +} + +.icon-enlarge-border:before { + content: "\e6f2"; +} + +.icon-map-navigator:before { + content: "\10183"; +} + +.icon-down-mark:before { + content: "\e729"; +} + +.icon-sigh-o:before { + content: "\e71f"; +} + +.icon-copy:before { + content: "\e71e"; +} + +.icon-transfer-count:before { + content: "\e71b"; +} + +.icon-collection:before { + content: "\e71c"; +} + +.icon-convert2:before { + content: "\e71d"; +} + +.icon-cash:before { + content: "\e717"; +} + +.icon-recharge:before { + content: "\e718"; +} + +.icon-convert:before { + content: "\e719"; +} + +.icon-detail:before { + content: "\e71a"; +} + +.icon-store:before { + content: "\e6f3"; +} + +.icon-star:before { + content: "\e6ef"; +} + +.icon-location:before { + content: "\e6f0"; +} + +.icon-message:before { + content: "\e6f1"; +} + +.icon-login-language:before { + content: "\e6ed"; +} + +.icon-login-down-arrow:before { + content: "\e6ee"; +} + +.icon-delete:before { + content: "\e6ec"; +} + +.icon-checked:before { + content: "\e6eb"; +} + +.icon-a-Shoppingcart1107:before { + content: "\e6e7"; +} + +.icon-me1107:before { + content: "\e6e8"; +} + +.icon-classify1107:before { + content: "\e6e9"; +} + +.icon-index1107:before { + content: "\e6ea"; +} + +.icon-payment-fail:before { + content: "\e6e6"; +} + +.icon-keyboard-backspace:before { + content: "\e6e5"; +} + +.icon-transfer:before { + content: "\e6e4"; +} + +.icon-wytw-sctp:before { + content: "\e6e3"; +} + +.icon-xzzx-shij:before { + content: "\e6e2"; +} + +.icon-xzzx-rhaz:before { + content: "\e6e0"; +} + +.icon-xzzx-kfwd:before { + content: "\e6e1"; +} + +.icon-wenda-wytw:before { + content: "\e6de"; +} + +.icon-wenda-wdtw:before { + content: "\e6df"; +} + +.icon-bowenxiangqing-dianzan-xuaz:before { + content: "\e6dd"; +} + +.icon-bowenxiangqing-fenxiang:before { + content: "\e6dc"; +} + +.icon-bowenxiangqing-huifu:before { + content: "\e6ce"; +} + +.icon-bowenxiangqing-dianzan:before { + content: "\e6da"; +} + +.icon-wodeqianbao-eyeclo2:before { + content: "\e6db"; +} + +.icon-zuhedap-shoping:before { + content: "\e6d9"; +} + +.icon-wdhy-gaoji:before { + content: "\e6d8"; +} + +.icon-qrcode:before { + content: "\e6d7"; +} + +.icon-wdfx-ptfx:before { + content: "\e6c6"; +} + +.icon-wdfx-gjfx:before { + content: "\e6d5"; +} + +.icon-xzdz-tianjiabiaoq:before { + content: "\e6d6"; +} + +.icon-xzdz-dingwei:before { + content: "\e6d2"; +} + +.icon-wddz-bianji:before { + content: "\e6d3"; +} + +.icon-bjdz-guanbi:before { + content: "\e6d4"; +} + +.icon-arrow-left:before { + content: "\e6d1"; +} + +.icon-scan:before { + content: "\e6cf"; +} + +.icon-wodeqianbao-eye:before { + content: "\e6d0"; +} + +.icon-mendian-dingwei:before { + content: "\e6cd"; +} + +.icon-zhifu-yixuan:before { + content: "\e6ca"; +} + +.icon-zhifu-weixuan:before { + content: "\e6cb"; +} + +.icon-arrow-bottom:before { + content: "\e6cc"; +} + +.icon-close-o:before { + content: "\e6c9"; +} + +.icon-kaitonghuiy-dingdan:before { + content: "\e6c8"; +} + +.icon-miaosha-hdgz:before { + content: "\e6c7"; +} + +.icon-mendian-sc:before { + content: "\e6c4"; +} + +.icon-mendian-kefu:before { + content: "\e6c5"; +} + +.icon-qiandao-tancguanbi:before { + content: "\e6c3"; +} + +.icon-qiandao-dqxz:before { + content: "\e6bc"; +} + +.icon-share-square:before { + content: "\e6bd"; +} + +.icon-qiandao-wdqd:before { + content: "\e6be"; +} + +.icon-qiandao-zudui:before { + content: "\e6bf"; +} + +.icon-arrow-right-round:before { + content: "\e6c0"; +} + +.icon-qiandao-yixuan:before { + content: "\e6c1"; +} + +.icon-arrow-right:before { + content: "\e6c2"; +} + +.icon-zhibo-shixiao:before { + content: "\e6bb"; +} + +.icon-cart-dec:before { + content: "\e6ba"; +} + +.icon-cart-inc:before { + content: "\e6b9"; +} + +.icon-arrow-top:before { + content: "\e6b8"; +} + +.icon-fenlei-more:before { + content: "\e6b7"; +} + +.icon-zhibo-time:before { + content: "\e6b3"; +} + +.icon-pp-all:before { + content: "\e6b4"; +} + +.icon-zhibo-zt:before { + content: "\e6b5"; +} + +.icon-zhibo-jies:before { + content: "\e6b6"; +} + +.icon-md-phone:before { + content: "\e6b1"; +} + +.icon-md-dh:before { + content: "\e6b2"; +} + +.icon-index-zxmd-phone:before { + content: "\e6ac"; +} + +.icon-index-zxmd-dh:before { + content: "\e6ad"; +} + +.icon-index-zxmd-time:before { + content: "\e6ae"; +} + +.icon-index-zxmd-dress:before { + content: "\e6af"; +} + +.icon-index-notice:before { + content: "\e6a8"; +} + +.icon-index-search:before { + content: "\e6a9"; +} + +.icon-applet-me-settings-acquiesce:before { + content: "\e6a6"; +} + +.icon-applet-me-message-acquiesce:before { + content: "\e6a7"; +} + +.icon-applet-me-acquiesce:before { + content: "\e6a2"; +} + +.icon-applet-sort-acquiesce:before { + content: "\e6a5"; +} + +.icon-applet-index-acquiesce:before { + content: "\e6a4"; +} + +.icon-applet-shop-acquiesce:before { + content: "\e6a3"; +} + diff --git a/src/assets/search-icons/iconfont.js b/src/assets/search-icons/iconfont.js new file mode 100644 index 00000000..92fd7b84 --- /dev/null +++ b/src/assets/search-icons/iconfont.js @@ -0,0 +1 @@ +window._iconfont_svg_string_4227145='',(c=>{var a=(l=(l=document.getElementsByTagName("script"))[l.length-1]).getAttribute("data-injectcss"),l=l.getAttribute("data-disable-injectsvg");if(!l){var i,o,h,d,m,t=function(a,l){l.parentNode.insertBefore(a,l)};if(a&&!c.__iconfont__svg__cssinject__){c.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(a){console&&console.log(a)}}i=function(){var a,l=document.createElement("div");l.innerHTML=c._iconfont_svg_string_4227145,(l=l.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",l=l,(a=document.body).firstChild?t(l,a.firstChild):a.appendChild(l))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(i,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),i()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(h=i,d=c.document,m=!1,v(),d.onreadystatechange=function(){"complete"==d.readyState&&(d.onreadystatechange=null,z())})}function z(){m||(m=!0,h())}function v(){try{d.documentElement.doScroll("left")}catch(a){return void setTimeout(v,50)}z()}})(window); \ No newline at end of file diff --git a/src/assets/search-icons/iconfont.json b/src/assets/search-icons/iconfont.json new file mode 100644 index 00000000..a7e2a97c --- /dev/null +++ b/src/assets/search-icons/iconfont.json @@ -0,0 +1,660 @@ +{ + "id": "4227145", + "name": "shopxo-小程序", + "font_family": "iconfont", + "css_prefix_text": "icon-", + "description": "", + "glyphs": [ + { + "icon_id": "41377695", + "name": "礼物", + "font_class": "gift-fine", + "unicode": "e771", + "unicode_decimal": 59249 + }, + { + "icon_id": "10056794", + "name": "放大", + "font_class": "enlarge", + "unicode": "e60d", + "unicode_decimal": 58893 + }, + { + "icon_id": "35646054", + "name": "放大-四角", + "font_class": "enlarge-four", + "unicode": "e602", + "unicode_decimal": 58882 + }, + { + "icon_id": "9874481", + "name": "放大-边线", + "font_class": "enlarge-border", + "unicode": "e6f2", + "unicode_decimal": 59122 + }, + { + "icon_id": "38022714", + "name": "地图导航", + "font_class": "map-navigator", + "unicode": "10183", + "unicode_decimal": 65923 + }, + { + "icon_id": "31617637", + "name": "选中下标", + "font_class": "down-mark", + "unicode": "e729", + "unicode_decimal": 59177 + }, + { + "icon_id": "39479058", + "name": "感叹号", + "font_class": "sigh-o", + "unicode": "e71f", + "unicode_decimal": 59167 + }, + { + "icon_id": "39465602", + "name": "复制", + "font_class": "copy", + "unicode": "e71e", + "unicode_decimal": 59166 + }, + { + "icon_id": "39375289", + "name": "转账", + "font_class": "transfer-count", + "unicode": "e71b", + "unicode_decimal": 59163 + }, + { + "icon_id": "39375288", + "name": "收款", + "font_class": "collection", + "unicode": "e71c", + "unicode_decimal": 59164 + }, + { + "icon_id": "39375287", + "name": "转换2", + "font_class": "convert2", + "unicode": "e71d", + "unicode_decimal": 59165 + }, + { + "icon_id": "39374329", + "name": "提现", + "font_class": "cash", + "unicode": "e717", + "unicode_decimal": 59159 + }, + { + "icon_id": "39374327", + "name": "充值", + "font_class": "recharge", + "unicode": "e718", + "unicode_decimal": 59160 + }, + { + "icon_id": "39374328", + "name": "转换", + "font_class": "convert", + "unicode": "e719", + "unicode_decimal": 59161 + }, + { + "icon_id": "39374326", + "name": "明细", + "font_class": "detail", + "unicode": "e71a", + "unicode_decimal": 59162 + }, + { + "icon_id": "38635577", + "name": "门店", + "font_class": "store", + "unicode": "e6f3", + "unicode_decimal": 59123 + }, + { + "icon_id": "38562777", + "name": "星星", + "font_class": "star", + "unicode": "e6ef", + "unicode_decimal": 59119 + }, + { + "icon_id": "38562776", + "name": "位置定位", + "font_class": "location", + "unicode": "e6f0", + "unicode_decimal": 59120 + }, + { + "icon_id": "38562775", + "name": "消息", + "font_class": "message", + "unicode": "e6f1", + "unicode_decimal": 59121 + }, + { + "icon_id": "38209602", + "name": "login-language", + "font_class": "login-language", + "unicode": "e6ed", + "unicode_decimal": 59117 + }, + { + "icon_id": "38209601", + "name": "login-down-arrow", + "font_class": "login-down-arrow", + "unicode": "e6ee", + "unicode_decimal": 59118 + }, + { + "icon_id": "38207075", + "name": "删除", + "font_class": "delete", + "unicode": "e6ec", + "unicode_decimal": 59116 + }, + { + "icon_id": "38195091", + "name": "成功对号", + "font_class": "checked", + "unicode": "e6eb", + "unicode_decimal": 59115 + }, + { + "icon_id": "38007961", + "name": "Shopping cart1107", + "font_class": "a-Shoppingcart1107", + "unicode": "e6e7", + "unicode_decimal": 59111 + }, + { + "icon_id": "38007960", + "name": "me1107", + "font_class": "me1107", + "unicode": "e6e8", + "unicode_decimal": 59112 + }, + { + "icon_id": "38007959", + "name": "classify1107", + "font_class": "classify1107", + "unicode": "e6e9", + "unicode_decimal": 59113 + }, + { + "icon_id": "38007958", + "name": "index1107", + "font_class": "index1107", + "unicode": "e6ea", + "unicode_decimal": 59114 + }, + { + "icon_id": "37927159", + "name": "支付_支付失败", + "font_class": "payment-fail", + "unicode": "e6e6", + "unicode_decimal": 59110 + }, + { + "icon_id": "37864054", + "name": "jianpan-guanbi", + "font_class": "keyboard-backspace", + "unicode": "e6e5", + "unicode_decimal": 59109 + }, + { + "icon_id": "37787211", + "name": "转账/转换", + "font_class": "transfer", + "unicode": "e6e4", + "unicode_decimal": 59108 + }, + { + "icon_id": "37771737", + "name": "wytw-sctp", + "font_class": "wytw-sctp", + "unicode": "e6e3", + "unicode_decimal": 59107 + }, + { + "icon_id": "37737702", + "name": "xzzx-shij", + "font_class": "xzzx-shij", + "unicode": "e6e2", + "unicode_decimal": 59106 + }, + { + "icon_id": "37737676", + "name": "xzzx-rhaz", + "font_class": "xzzx-rhaz", + "unicode": "e6e0", + "unicode_decimal": 59104 + }, + { + "icon_id": "37737675", + "name": "xzzx-kfwd", + "font_class": "xzzx-kfwd", + "unicode": "e6e1", + "unicode_decimal": 59105 + }, + { + "icon_id": "37550661", + "name": "wenda-wytw", + "font_class": "wenda-wytw", + "unicode": "e6de", + "unicode_decimal": 59102 + }, + { + "icon_id": "37550660", + "name": "wenda-wdtw", + "font_class": "wenda-wdtw", + "unicode": "e6df", + "unicode_decimal": 59103 + }, + { + "icon_id": "37539354", + "name": "bowenxiangqing-dianzan-xuaz", + "font_class": "bowenxiangqing-dianzan-xuaz", + "unicode": "e6dd", + "unicode_decimal": 59101 + }, + { + "icon_id": "37538544", + "name": "bowenxiangqing-fenxiang", + "font_class": "bowenxiangqing-fenxiang", + "unicode": "e6dc", + "unicode_decimal": 59100 + }, + { + "icon_id": "37538541", + "name": "bowenxiangqing-huifu", + "font_class": "bowenxiangqing-huifu", + "unicode": "e6ce", + "unicode_decimal": 59086 + }, + { + "icon_id": "37538540", + "name": "bowenxiangqing-dianzan", + "font_class": "bowenxiangqing-dianzan", + "unicode": "e6da", + "unicode_decimal": 59098 + }, + { + "icon_id": "37494984", + "name": "wodeqianbao-eyeclo2", + "font_class": "wodeqianbao-eyeclo2", + "unicode": "e6db", + "unicode_decimal": 59099 + }, + { + "icon_id": "37482928", + "name": "zuhedap-shoping", + "font_class": "zuhedap-shoping", + "unicode": "e6d9", + "unicode_decimal": 59097 + }, + { + "icon_id": "37362566", + "name": "wdhy-gaoji", + "font_class": "wdhy-gaoji", + "unicode": "e6d8", + "unicode_decimal": 59096 + }, + { + "icon_id": "37362233", + "name": "二维码", + "font_class": "qrcode", + "unicode": "e6d7", + "unicode_decimal": 59095 + }, + { + "icon_id": "37361772", + "name": "wdfx-ptfx", + "font_class": "wdfx-ptfx", + "unicode": "e6c6", + "unicode_decimal": 59078 + }, + { + "icon_id": "37361771", + "name": "wdfx-gjfx", + "font_class": "wdfx-gjfx", + "unicode": "e6d5", + "unicode_decimal": 59093 + }, + { + "icon_id": "37361216", + "name": "xzdz-tianjiabiaoq", + "font_class": "xzdz-tianjiabiaoq", + "unicode": "e6d6", + "unicode_decimal": 59094 + }, + { + "icon_id": "37361218", + "name": "xzdz-dingwei", + "font_class": "xzdz-dingwei", + "unicode": "e6d2", + "unicode_decimal": 59090 + }, + { + "icon_id": "37361219", + "name": "wddz-bianji", + "font_class": "wddz-bianji", + "unicode": "e6d3", + "unicode_decimal": 59091 + }, + { + "icon_id": "37361217", + "name": "bjdz-guanbi", + "font_class": "bjdz-guanbi", + "unicode": "e6d4", + "unicode_decimal": 59092 + }, + { + "icon_id": "37356823", + "name": "箭头-向左", + "font_class": "arrow-left", + "unicode": "e6d1", + "unicode_decimal": 59089 + }, + { + "icon_id": "37354114", + "name": "扫一扫", + "font_class": "scan", + "unicode": "e6cf", + "unicode_decimal": 59087 + }, + { + "icon_id": "37354113", + "name": "wodeqianbao-eye", + "font_class": "wodeqianbao-eye", + "unicode": "e6d0", + "unicode_decimal": 59088 + }, + { + "icon_id": "37352165", + "name": "mendian-dingwei", + "font_class": "mendian-dingwei", + "unicode": "e6cd", + "unicode_decimal": 59085 + }, + { + "icon_id": "37324825", + "name": "zhifu-yixuan", + "font_class": "zhifu-yixuan", + "unicode": "e6ca", + "unicode_decimal": 59082 + }, + { + "icon_id": "37324826", + "name": "zhifu-weixuan", + "font_class": "zhifu-weixuan", + "unicode": "e6cb", + "unicode_decimal": 59083 + }, + { + "icon_id": "37324824", + "name": "箭头-向下", + "font_class": "arrow-bottom", + "unicode": "e6cc", + "unicode_decimal": 59084 + }, + { + "icon_id": "37324020", + "name": "关闭-空心", + "font_class": "close-o", + "unicode": "e6c9", + "unicode_decimal": 59081 + }, + { + "icon_id": "37314140", + "name": "kaitonghuiy-dingdan", + "font_class": "kaitonghuiy-dingdan", + "unicode": "e6c8", + "unicode_decimal": 59080 + }, + { + "icon_id": "37307110", + "name": "miaosha-hdgz", + "font_class": "miaosha-hdgz", + "unicode": "e6c7", + "unicode_decimal": 59079 + }, + { + "icon_id": "37289404", + "name": "mendian-sc", + "font_class": "mendian-sc", + "unicode": "e6c4", + "unicode_decimal": 59076 + }, + { + "icon_id": "37289402", + "name": "mendian-kefu", + "font_class": "mendian-kefu", + "unicode": "e6c5", + "unicode_decimal": 59077 + }, + { + "icon_id": "37288999", + "name": "qiandao-tancguanbi", + "font_class": "qiandao-tancguanbi", + "unicode": "e6c3", + "unicode_decimal": 59075 + }, + { + "icon_id": "37288627", + "name": "qiandao-dqxz", + "font_class": "qiandao-dqxz", + "unicode": "e6bc", + "unicode_decimal": 59068 + }, + { + "icon_id": "37288626", + "name": "分享-正方形", + "font_class": "share-square", + "unicode": "e6bd", + "unicode_decimal": 59069 + }, + { + "icon_id": "37288625", + "name": "qiandao-wdqd", + "font_class": "qiandao-wdqd", + "unicode": "e6be", + "unicode_decimal": 59070 + }, + { + "icon_id": "37288624", + "name": "qiandao-zudui", + "font_class": "qiandao-zudui", + "unicode": "e6bf", + "unicode_decimal": 59071 + }, + { + "icon_id": "37288623", + "name": "圆角箭头-向右", + "font_class": "arrow-right-round", + "unicode": "e6c0", + "unicode_decimal": 59072 + }, + { + "icon_id": "37288622", + "name": "qiandao-yixuan", + "font_class": "qiandao-yixuan", + "unicode": "e6c1", + "unicode_decimal": 59073 + }, + { + "icon_id": "37288621", + "name": "箭头-向右", + "font_class": "arrow-right", + "unicode": "e6c2", + "unicode_decimal": 59074 + }, + { + "icon_id": "37272530", + "name": "zhibo-shixiao", + "font_class": "zhibo-shixiao", + "unicode": "e6bb", + "unicode_decimal": 59067 + }, + { + "icon_id": "37235239", + "name": "icon-cart-dec", + "font_class": "cart-dec", + "unicode": "e6ba", + "unicode_decimal": 59066 + }, + { + "icon_id": "37235185", + "name": "icon-cart-inc", + "font_class": "cart-inc", + "unicode": "e6b9", + "unicode_decimal": 59065 + }, + { + "icon_id": "37225044", + "name": "箭头-向上", + "font_class": "arrow-top", + "unicode": "e6b8", + "unicode_decimal": 59064 + }, + { + "icon_id": "37217394", + "name": "icon-fenlei-more", + "font_class": "fenlei-more", + "unicode": "e6b7", + "unicode_decimal": 59063 + }, + { + "icon_id": "37187706", + "name": "icon-zhibo-time", + "font_class": "zhibo-time", + "unicode": "e6b3", + "unicode_decimal": 59059 + }, + { + "icon_id": "37187705", + "name": "icon-pp-all", + "font_class": "pp-all", + "unicode": "e6b4", + "unicode_decimal": 59060 + }, + { + "icon_id": "37187704", + "name": "icon-zhibo-zt", + "font_class": "zhibo-zt", + "unicode": "e6b5", + "unicode_decimal": 59061 + }, + { + "icon_id": "37187703", + "name": "icon-zhibo-jies", + "font_class": "zhibo-jies", + "unicode": "e6b6", + "unicode_decimal": 59062 + }, + { + "icon_id": "37176907", + "name": "icon-md-phone", + "font_class": "md-phone", + "unicode": "e6b1", + "unicode_decimal": 59057 + }, + { + "icon_id": "37176908", + "name": "icon-md-dh", + "font_class": "md-dh", + "unicode": "e6b2", + "unicode_decimal": 59058 + }, + { + "icon_id": "37137572", + "name": "icon-index-zxmd-phone", + "font_class": "index-zxmd-phone", + "unicode": "e6ac", + "unicode_decimal": 59052 + }, + { + "icon_id": "37137571", + "name": "icon-index-zxmd-dh", + "font_class": "index-zxmd-dh", + "unicode": "e6ad", + "unicode_decimal": 59053 + }, + { + "icon_id": "37137569", + "name": "icon-index-zxmd-time", + "font_class": "index-zxmd-time", + "unicode": "e6ae", + "unicode_decimal": 59054 + }, + { + "icon_id": "37137568", + "name": "icon-index-zxmd-dress", + "font_class": "index-zxmd-dress", + "unicode": "e6af", + "unicode_decimal": 59055 + }, + { + "icon_id": "37131264", + "name": "icon-index-notice", + "font_class": "index-notice", + "unicode": "e6a8", + "unicode_decimal": 59048 + }, + { + "icon_id": "37131263", + "name": "icon-index-search", + "font_class": "index-search", + "unicode": "e6a9", + "unicode_decimal": 59049 + }, + { + "icon_id": "37113110", + "name": "icon-applet-me-settings-acquiesce", + "font_class": "applet-me-settings-acquiesce", + "unicode": "e6a6", + "unicode_decimal": 59046 + }, + { + "icon_id": "37113109", + "name": "icon-applet-me-message-acquiesce", + "font_class": "applet-me-message-acquiesce", + "unicode": "e6a7", + "unicode_decimal": 59047 + }, + { + "icon_id": "37112559", + "name": "icon-applet-me-acquiesce", + "font_class": "applet-me-acquiesce", + "unicode": "e6a2", + "unicode_decimal": 59042 + }, + { + "icon_id": "37112562", + "name": "icon-applet-sort-acquiesce", + "font_class": "applet-sort-acquiesce", + "unicode": "e6a5", + "unicode_decimal": 59045 + }, + { + "icon_id": "37112561", + "name": "icon-applet-index-acquiesce", + "font_class": "applet-index-acquiesce", + "unicode": "e6a4", + "unicode_decimal": 59044 + }, + { + "icon_id": "37112560", + "name": "icon-applet-shop-acquiesce", + "font_class": "applet-shop-acquiesce", + "unicode": "e6a3", + "unicode_decimal": 59043 + } + ] +} diff --git a/src/assets/search-icons/iconfont.svg b/src/assets/search-icons/iconfont.svg new file mode 100644 index 00000000..1ded1890 --- /dev/null +++ b/src/assets/search-icons/iconfont.svg @@ -0,0 +1,205 @@ + + + + Created by iconfont + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/search-icons/iconfont.ttf b/src/assets/search-icons/iconfont.ttf new file mode 100644 index 00000000..9fa098c0 Binary files /dev/null and b/src/assets/search-icons/iconfont.ttf differ diff --git a/src/assets/search-icons/iconfont.woff b/src/assets/search-icons/iconfont.woff new file mode 100644 index 00000000..12fd0604 Binary files /dev/null and b/src/assets/search-icons/iconfont.woff differ diff --git a/src/assets/search-icons/iconfont.woff2 b/src/assets/search-icons/iconfont.woff2 new file mode 100644 index 00000000..13828c1b Binary files /dev/null and b/src/assets/search-icons/iconfont.woff2 differ