51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

使用Font Awesome替换你的网站图标(icons 图标)
第一次使用 Font Awesome 发现相当的爽呀！它的图标很全，能够帮你节约时间去找图片。下面就来一起学习吧：1： 去官方网站下载解压 http://fontawesome.io/2： 解压后拷贝到你的项目中再引入到你的文件里面 如下：<link rel="stylesheet" type="text/css" href="font-awesome-4.0.3/css/font-awes
icons
stylesheet
Font-Aweso
架构师
css
原创
wx58763b21ae3ed
2023-03-06 09:17:21
682阅读

vue 引用 Ant Design Icons
vue引用vee-validate插件表单验证（cdn方式引入）之前用的是webpack打包工具写的项目，后来需求改成静态页面的方式，所以又要把一些引入方式改过来，这就是前端麻烦的地方。网上也有很多npm引入方式的，主要是老版本和新版本vee-validate引起的问题（特别是中文错误提示的引用问题），我这里写一下关于cdn方式引入，中文包配置的问题。一、 CDN方式（官网）<!-- jsd
Vue
表单验证
Vee-validate
错误提示
数字字符
转载
killads
5月前
19阅读

vue-awesome-swiper 插件
Swiper 版本区分了组件和普通版本 （1）npm install vue-awesome-swiper –save （2）在 main,js 里引入（全局）: （3）组件里引入 : 配置 （4）template （5）数据 .
ide
css
数据
vue.js
转载
mb5fdcaeb38fa57
2019-06-20 17:37:00
189阅读
2评论

Vue vue-awesome-swiper 的坑
1、在vertical的场景模式下，默认的高度很奇怪，非常非常的大。完全没有规律。后来使用autoHeight好了一点。但依然有问题，问题在于它会根据swiper-slide内元素的高度自动变化叠加。依然会非常非常大。最后才知道。手动设置height即可解决。由于我的场景是fullpage页面，所以
拖拽
ide
ico
解决方案
手势滑动
转载
mob604756e834f7
2018-02-07 09:36:00
445阅读
2评论

vue-awesome-swiper的使用
1、安装： npm install vue-awesome-swiper@3 --save-dev 我的版本是： "vue": "^2.6.11" "vue-awesome-swiper": "^3.1.3" 2、使用： <template> <div class="recommendPage">
ide
分页
css
vue
原创
蓝色海岛
2021-08-07 09:05:49
868阅读

vue-awesome-swiper：slideTo无效
vue-awesome-swiper中slideTo无效
解决方案
C
原创
KaiSarH
2022-03-10 09:48:55
899阅读

vue-awesome-swiper：slideTo无效
vue-awesome-swiper中slideTo无效
解决方案
编程
原创
KaiSarH
2021-09-01 09:45:34
820阅读

vue-awesome-swiper 小案例
最终效果：安装引入：npm install vue-awesome-swiper  --save在main.js中引入：import Vue
css
ide
自动轮播
原创
小羽向前跑
2023-01-03 15:03:08
162阅读

Vue cli3使用vue-awesome-swiper
https://www.npmjs.com/package/vue-awesome-swiper官网区别vue-cli2 和vue-cli3 在于其中的 css 的样式不在不在
css
vue
jquery
ide
f5
原创
說詤榢_
2023-05-10 14:58:17
276阅读

vue-awesome-swiper轮播图实现
快速便捷的轮播图vue插件，没有赘述多余介绍，直接上步骤。组件安装npm install vue-awesome-swiper --save组件中引入import 'swiper/dist/css/swiper.css';import { swiper,swiperSlide} from 'vue-awesome-swiper';选项export default { nam...
VUE教程
Vue
原创 精选
代码搬运媛
2021-06-07 17:16:34
1381阅读

如何在Vue中使用Font Awesome？
Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。官网地址：​​http://www.fontawesome.com.cn/​​目录​​1、安装依赖​​​​2、引入依赖​​​​3、使用方式​​​​3.1、基本图标​​​​3.2、大图标​​​​3.3、固定宽度​​​​3.4、用于列表​​​​3.5、边框与对齐​​​​3.6、动画​​​​3.
Font Awesome
图标
vue
css
固定宽度
原创
CorwinPC
2022-07-18 18:42:43
1335阅读

vue项目笔记（10）-使用vue插件vue-awesome-swiper
vue插件vue-awesome-swiper的使用方法vue-awesome-swiper插件用于快速创建轮播图，其中2.6.7版本较为稳定且无bug，我们以此为例，介绍giant插件的使用方法。1、安装插件npm install vue-awesome-swiper@2.6.7 --save2、在入口文件main.js中引入import Vue from 'vue'i...
vue插件
vue-awesome-swiper
轮播图
ide
3d
原创
CHH5431
2021-08-27 12:49:57
494阅读

A web for icons
http://www.tucoo.com/index_web.htm
其它
转载
一个傻傻的IT民工
2007-10-22 13:31:00
52阅读

vue项目笔记（10）-使用vue插件vue-awesome-swiper
vue插件vue-awesome-swiper的使用方法vue-awesome-swiper插件用于快速创建轮播图，其中2.6.7版本较为稳定且无bug，我们以此为例，介绍giant插件的使用方法。1、安装插件npm install vue-awesome-swiper@2.6.7 --save2、在入口文件main.js中引入import Vue from 'vue'i...
vue插件
vue-awesome-swiper
轮播图
ide
f5
原创
CHH5431
2022-02-21 16:23:21
684阅读

vue-awesome-swiper使用笔记
安装npm install swiper npm install vue-awesome-swiper复制代码使用<template>  <swiper ref="mySwiper" :options="swiperOption"><swiper-slide>  <div class="swiper-slide1">1</div><
vue
awesome
swiper
转载
mb6004f88aa04b6
2021-01-21 10:20:34
524阅读
2评论

Vue 中使用 Font Awesome 字体图标
vue使用最新版font-awesome字体图标库
vue.js
javascript
前端
ico
Vue
转载
奥特慢更快
2023-02-24 11:58:48
717阅读
1点赞

vue3 中使用 svg-icons
1、在项目中安装 vite-plugin-svg-icons npm install vite-plugin-svg-icons2、打开 vite.config.ts 文件，添加注释为【svg-icons相关】的代码import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'
ico
App
css
原创
indigotang
2022-12-09 17:09:52
2837阅读
1点赞

vue引入新版vue-awesome-swiper报错问题处理
在安装vue-awesome-swiper时报错swiper/dist/css/swiper.min.css找不到，如下如： 有的回答安装6.0版本的话需要引入另外一个cssimport 'swiper/swiper-bundle.css' 但是，我替换完css 之后又一个问题出现了，vue-awesome-swiper组件pagination小圆点不显示，并且左右两侧的小图标也没有，也不报错。找
vue
转载
mob604756f23a7e
2021-05-10 22:53:25
1357阅读
2评论

在vue中使用swiper和vue-awesome-swiper
由于版本原因，建议安装指定版本，不要安装最新版本。 1.版本如下 1.1.swiper 安装版本号：5.3.6 安装命令行代码：npm install swiper@5.3.6 --save 1.2.vue-awesome-swiper 安装版本号： 4.0.4 安装命令行代码：npm instal ...
vue-awesome-swiper
vue
ide
命令行
perl
转载
mb5fdcae83766b7
2021-08-30 17:16:00
756阅读
2评论

Font-AweSome在Vue中的使用
Font-AweSome在Vue中的使用 yarn add font-aweera-retro...
css
Vue
原创
lenglingx
2023-05-31 23:05:01
137阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

五、Vue中使用轮播图插件：vue-awesome-swiper

Nuxt引用vue-awesome-swiper轮播图

Cisco Product Icons

jqueryui icons图标

Awesome Flask

Font Awesome

Awesome IoT

Awesome R

Awesome Vue.js vue.js学习资源链接大全 中文

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯