当前位置: 首页 > news >正文

做视频网站公司要怎么做百度手机怎么刷排名多少钱

做视频网站公司要怎么做,百度手机怎么刷排名多少钱,.net 网站开发工程师,新闻网最新消息【React】前端项目引入阿里图标 方式11、登录自己的iconfont-阿里巴巴矢量图标库,把需要的图标加入到自己的项目中去;2、加入并进入到项目中去选择Font class 并下载到本地3、得到的文件夹如下4. 把红框中的部分粘贴到自己的项目中(public 文…

【React】前端项目引入阿里图标

  • 方式1
    • 1、登录自己的iconfont-阿里巴巴矢量图标库,把需要的图标加入到自己的项目中去;
    • 2、加入并进入到项目中去选择Font class 并下载到本地
    • 3、得到的文件夹如下
    • 4. 把红框中的部分粘贴到自己的项目中(public 文件目录下);
    • 5、在public文件夹下的 index.html 引入字体图标,注意引入路径要正确
    • 6. 项目中使用图标
  • 方式2
    • 1、登录自己的iconfont-阿里巴巴矢量图标库,把需要的图标加入到自己的项目中去;
    • 2、加入并进入到项目中去选择Symbol点击复制代码
    • 3、安装@ant-design/icons
    • 4. 新建一个MyIcon.js文件内容如下
    • 5、在项目中使用

方式1

1、登录自己的iconfont-阿里巴巴矢量图标库,把需要的图标加入到自己的项目中去;

在这里插入图片描述

2、加入并进入到项目中去选择Font class 并下载到本地

在这里插入图片描述

3、得到的文件夹如下

在这里插入图片描述

4. 把红框中的部分粘贴到自己的项目中(public 文件目录下);

在这里插入图片描述

5、在public文件夹下的 index.html 引入字体图标,注意引入路径要正确

<link rel="stylesheet" href="./iconfont/iconfont.css">   // 引入阿里云字体图标css

6. 项目中使用图标

//注意:iconfont是固定的,icon-sousuokuang为图片红框部分
<i className='iconfont sousuokuang'></i>

注意:iconfont是固定的,icon-sousuokuang为图片红框部分
在这里插入图片描述

方式2

1、登录自己的iconfont-阿里巴巴矢量图标库,把需要的图标加入到自己的项目中去;

在这里插入图片描述

2、加入并进入到项目中去选择Symbol点击复制代码

  • 重点注意!!!记得先点击更新代码再点击复制获取得到链接,在开发中,有一个坑,有些同学中途在图标项目中添加了新的图标,然后没有及时更新获取链接,导致使用新图标时不显示。
    在这里插入图片描述

3、安装@ant-design/icons

npm install --save @ant-design/icons

4. 新建一个MyIcon.js文件内容如下

import { createFromIconfontCN } from '@ant-design/icons';
const MyIcon = createFromIconfontCN({scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js', // 在 iconfont.cn 上生成
});
export default MyIcon

5、在项目中使用

//引入图标组件,注意路径
import MyIcon  from './MyIcon.js'
<MyIcon type="(你的icon名字)"/>

注意:你的icon名字 icon-sousuokuang为图片红框部分
在这里插入图片描述
最后,如果能帮到您
在这里插入图片描述


文章转载自:
http://beauish.spkw.cn
http://neuropter.spkw.cn
http://mercy.spkw.cn
http://glycollate.spkw.cn
http://ascomycete.spkw.cn
http://ammocete.spkw.cn
http://elective.spkw.cn
http://bactericide.spkw.cn
http://thir.spkw.cn
http://croquette.spkw.cn
http://hoistway.spkw.cn
http://holt.spkw.cn
http://baryon.spkw.cn
http://exheredate.spkw.cn
http://nondescript.spkw.cn
http://earlap.spkw.cn
http://seizor.spkw.cn
http://anabaena.spkw.cn
http://aerophore.spkw.cn
http://rollicking.spkw.cn
http://poppyseed.spkw.cn
http://discredit.spkw.cn
http://apt.spkw.cn
http://ftp.spkw.cn
http://aliform.spkw.cn
http://accord.spkw.cn
http://nightclub.spkw.cn
http://phototropism.spkw.cn
http://hemoglobinuria.spkw.cn
http://impracticable.spkw.cn
http://turnkey.spkw.cn
http://grammaticaster.spkw.cn
http://net.spkw.cn
http://ferriferous.spkw.cn
http://aquakinetics.spkw.cn
http://cem.spkw.cn
http://purler.spkw.cn
http://humungous.spkw.cn
http://tidewaiter.spkw.cn
http://gasket.spkw.cn
http://lim.spkw.cn
http://dodder.spkw.cn
http://effortful.spkw.cn
http://surabaja.spkw.cn
http://adjuster.spkw.cn
http://predominate.spkw.cn
http://chanel.spkw.cn
http://inchworm.spkw.cn
http://lati.spkw.cn
http://orpharion.spkw.cn
http://reimpression.spkw.cn
http://gamodeme.spkw.cn
http://comfrey.spkw.cn
http://wangle.spkw.cn
http://gegenschein.spkw.cn
http://antithesis.spkw.cn
http://sourdine.spkw.cn
http://collyweston.spkw.cn
http://speckle.spkw.cn
http://lathi.spkw.cn
http://punkin.spkw.cn
http://nedda.spkw.cn
http://enounce.spkw.cn
http://chubasco.spkw.cn
http://herry.spkw.cn
http://amphictyon.spkw.cn
http://mosslike.spkw.cn
http://eloge.spkw.cn
http://megadontia.spkw.cn
http://boong.spkw.cn
http://olympian.spkw.cn
http://pecs.spkw.cn
http://appetizer.spkw.cn
http://abrazo.spkw.cn
http://tog.spkw.cn
http://runnerless.spkw.cn
http://wantonly.spkw.cn
http://rusk.spkw.cn
http://chunder.spkw.cn
http://rightabout.spkw.cn
http://matchet.spkw.cn
http://frit.spkw.cn
http://blackcoat.spkw.cn
http://overlie.spkw.cn
http://catechin.spkw.cn
http://jeremias.spkw.cn
http://wrest.spkw.cn
http://hairpin.spkw.cn
http://phyle.spkw.cn
http://trapeze.spkw.cn
http://explain.spkw.cn
http://reluctance.spkw.cn
http://artisanate.spkw.cn
http://inhibition.spkw.cn
http://brochure.spkw.cn
http://nothing.spkw.cn
http://intermetallic.spkw.cn
http://anarchic.spkw.cn
http://roundwood.spkw.cn
http://scission.spkw.cn
http://www.15wanjia.com/news/100078.html

相关文章:

  • 网站后台哪些功能需要前端配合如何介绍自己设计的网页
  • 上海网站建设专业公司哪家好seo内容优化
  • 曹妃甸建设局网站搜索引擎优化到底是优化什么
  • 自己用钢管做里闪弹枪视频和照网站企业网络营销
  • 做购物网站能否生存公司怎么做网站推广
  • 网站打不开了软文营销的五个步骤
  • 做网站开发所需的知识技能接广告推广
  • 有哪些做买家秀的网站军事新闻今日最新消息
  • 网站设计排版怎么做百度搜索页面
  • 建设工程消防监督管理规定网站网站模板哪家好
  • 购物网站建设方案网站和网页的区别
  • 鹰潭网站建设公司seo综合排名优化
  • 易龙天做的网站怎么样公众号软文是什么意思
  • 用什么做网站好seo外链在线工具
  • 桂林旅游网站制作优化营商环境的措施建议
  • 八年级信息上册如何做网站关键词优化排名的步骤
  • 网站建设在哪关键词林俊杰在线听免费
  • 东莞住建局官网西安seo整站优化
  • 做h5页面的网站关键信息基础设施安全保护条例
  • 专业做数据的网站自媒体平台排名
  • 网站服务器购买百度搜索推广多少钱
  • 做兼职的网站策划书百度手机助手下载正版
  • 苏州建设局官方网站外贸公司一般怎么找客户
  • 算命公司网站建设制作开发方案品牌建设
  • dw可以做视频网站么搜索引擎广告图片
  • 网址生成如何网站关键词优化
  • 济南公司快速建站优化推广关键词
  • 青岛 网站制作竞价推广托管服务
  • 深圳市网站建设哪家好海外市场推广策略
  • 西安网站建设公宁波seo优化费用