02 2022 档案
摘要:首先,在js里创建文件_preLoad.js,代码如下: // 预加载函数,接受数组参数 async function _preLoad(imgArr) { let index = 0; // 假死循环 while (index < imgArr.length) { // 这里接受的是promise
阅读全文
摘要:首先是原本代码: export default { data(){ return{ ... // 储存轮播图图片地址 topCarousel: [], ... } }, async mounted(){ try { tmpTopCarousel = ( await this._axios({ met
阅读全文
摘要:在vue2.x中使用的swiper版本过高的话可能会导致轮播图部分功能无法实现,最好使用 swiper5.X版本,一下是操作步骤: 1.下载swiper插件 npm i swiper@5 2.引入swiper插件及其样式 - 首先在要使用轮播图的vue界面<script></script>引入插件
阅读全文
摘要:之前在网易云音乐移动端上看到过这样一个效果,进入播放页后,歌词上方的图片会随着音乐播放而旋转,并且歌曲暂停也会停止旋转,刚开始做类似效果的时候是通过增删对应激活类的方式来控制旋转的,这样的确能控制旋转,但有一个弊端,那就是停止动画以后,图片会跳到刚开始的模样而不是停止时的状态,这时,开始动画以后图片
阅读全文
摘要:在scss中有时可以看见这样的写法: a{ &:hover{ } } 经过编译生成的对应css的代码: a{} a:hover{}
阅读全文

浙公网安备 33010602011771号