- 博客(7)
- 收藏
- 关注
原创 Vue安装使用Swiper,做轮播图
swiper所有版本中swiper4的兼容性是最好的,组件在 swiper4之后没有很大改变,使用时最好选择swiper4。1.安装npm install swiper@4.5.1 --save-devcnpm install swiper@4.5.1 --save-devcnpm安装快速,也不会出现问题2.main.js引入import 'swiper/dist/css/swiper.min.css'import 'swiper/dist/js/swiper.min'..
2022-04-08 10:17:42
3390
原创 marquee做文字滚动、图片轮播
HTML中marquee 元素做文字的滚动 <marquee></marquee>主要用来做公示公告就像是这种新闻轮播,可以用swiper轮播图 来做,比较复杂,marquee非常简单属性behavior设置文本在 marquee 元素内如何滚动。可选值有scroll,slide和alternate。如果未指定值,默认值为scroll。bgcolor通过颜色名称或十六进制值设置背景颜色。direction设置 marquee 内文本...
2022-04-06 17:08:05
1589
原创 vue项目的简体繁体切换
网站的字体切换点击繁体,页面字体变成繁体。实现过程:1.创建langs.js文件langs.js文件的内容:/* eslint-disable no-unused-vars */var zh_default = 'n'; //默认语言,请不要改变var zh_choose = 's'; //当前选择的字体var zh_class = 'zh_click'; //链接的class名,id为class + s/t/n 之一var zh_style_active =
2022-03-31 14:38:55
4138
2
原创 Vue使用Animate.css和WOW.js(AOS.js)来实现页面滚动触发动画
Vue使用Animate.css和WOW.js(AOS.js)来实现页面滚动触发动画
2022-03-25 09:59:26
2667
原创 css中iconfont图标旋转
旋转的方法很多,这里使用的是transform。transform: rotate(360deg) scale(1.2); 旋转360°,放大1.2倍<div class="p1"><span><i class="iconfont"></i></span></div>图标是阿里巴巴矢量图标库的图标。在设置css是一定要注意将i设置为行内块元素 display: inline-block;
2022-03-23 18:00:56
1969
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人