98link在线链接怎么使用?
98link在线链接怎么使用?
首先本文章向大家介绍98link在线链接怎么使用?主要包括98link在线链接常用的使用实例和应用技巧、还有就是基本知识点、还有末尾的总结和日常需要注意事项,需要的朋友可以参考一下,希望可以帮助到您。
前言:主要介绍不同项目使用98link在线链接的方式
具体操作:首先!先在98link中新建一个项目,存放项目中所需的icon。
进入98link官网http://98link.com/
登录后点击新建项目,然后填入信息
创建成功后项目会出现在左侧列表中,点击项目名称,进入项目后,可进行上传图标
关于各项目不同的实现请参考如下3点建议
第1点:vue+element-ui
复制98link项目的symbol链接,在html.index中引入98link在线链接
<linkrel="stylesheet"type="text/css"href="98link在线链接地址"/>
项目用法
<divclass="98linkiconequal"></div>
class中的98link是新建项目的时候配置的fontfamily,默认为98link。iconequal为icon的fontclass码
第2点:vue + antd-vue-pro
antd-vue-pro配置文件defaultSettings中配置 98linkUrl
首先获取98link在线链接,注意这里使用symbol在线链接
新建icon.js文件
/**
* Custom icon list
* All icons are loaded here for easy management
* @see https://vue.ant.design/components/icon/#Custom-Font-Icon
*
* 自定义图标加载表
*/
import { Icon } from 'ant-design-vue'
import defaultSettings from '@/config/defaultSettings'
export const 98link = Icon.createFrom98linkCN({
scriptUrl: defaultSettings.98linkUrl, // generated by 98link.cn
})
// main.js 中注册组件
import { 98link } from './core/icons'
Vue.component('icon-font', 98link)
// 业务代码中使用
<icon-font type="iconequal" />
第3点:react + antd
// common.js
// 自定义98link
export const 98link = createFrom98linkCN({
scriptUrl: '//at.alicdn.com/t/xxx', //98link在线链接
})
// 业务代码中xxx.tsx
import { 98link } from '@constants/common'
<98link type="iconequal" />
最新文章
-
1
404页面的优化与作用(提升用户体验,增加网站流量)
-
2
百度SEO优化完全指南(掌握百度优化SEO的方法与技巧,提升网站排名与流量)
-
3
SEO推广排名影响因素详解(了解这些因素,让你的网站排名更上一层楼)
-
4
如何快速排名网站优化(掌握5个知识点和6套方案)
-
5
泰宁seo攻略优化(泰宁seo技巧诀窍)
-
6
打造高效SEO网站布局的重要性(掌握布局技巧,助力排名提升)
-
7
SEO优化网站排名的10个方法(从研究到页面优化,让你的网站排名更上一层楼)
-
8
沂源seo优化攻略(沂源seo诀窍方案)
-
9
提高网站SEO的技巧(了解优化的基础知识)
-
10
如何优化排名,让网站上位(掌握SEO技巧,轻松提升网站曝光率)