2020年11月5日
Vue安装animate.css和在Swiper中使用
摘要： 1、通过cnpm安装animate.css cnpm install animate.css --save 2、在main.js引入 import animated from 'animate.css' Vue.use(animated) 如没有安装淘宝镜像，使用npm下载 3、swiper.js和 阅读全文
posted @ 2020-11-05 21:26 酸奶很甜 阅读(261) 评论(0) 推荐(0)
2020年10月31日
文本的3D效果
摘要： HTML <div class="g-box"> <h1>CSS的世界很美</h1> </div> CSS .g-box { width: 100%; height: 100%; background-color: #40E495; display: flex; justify-content: c 阅读全文
posted @ 2020-10-31 23:27 酸奶很甜 阅读(135) 评论(0) 推荐(0)
2020年10月27日
vue-cli中使用swiper
摘要： 1.当前项目配置 cnpm install swiper vue-awesome-swiper --save 或指定版本下载 cnpm install swiper@5.4.5 vue-awesome-swiper --save 配置完成后可以在package.json中查看 2.在main.js中 阅读全文
posted @ 2020-10-27 21:24 酸奶很甜 阅读(494) 评论(0) 推荐(0)
JavaScript监听滚动条的进度条
摘要： <style type="text/css"> *{ margin: 0; padding: 0; } .g-box{ width: 100%; height: 4000px; background-color: #1AB1CC; } .progress{ width: 6px; height: 0 阅读全文
posted @ 2020-10-27 21:15 酸奶很甜 阅读(190) 评论(0) 推荐(0)