当前位置:首页> 互联网络 > 98link在线链接怎么使用?

98link在线链接怎么使用?

2022-05-10 19:49:48 来源: 网络   编辑: 佚名   浏览(89)人   
0

 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,默认为98linkiconequaliconfontclass

  第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" />

【版权与免责声明】如发现内容存在版权问题,烦请提供相关信息发邮件至 2366541504@qq.com ,我们将及时沟通进行删除处理。 本站内容除了 98link( http://www.98link.com/ )特别标记的原创外,其它均为网友转载内容,涉及言论、版权与本站无关。