//按钮 .wx-swiper-dots.wx-swiper-dots-horizontal{ margin-bottom: 5rpx; float: left; text-align: center; } .wx-swiper-dot::before{ content: ''; flex-grow ...
分类：
微信 时间：
2020-05-15 11:53:31
阅读次数：
168
Vue项目中遇到elemenui carousel跑马灯图片显示不完全问题，用chrome调试器，发现轮播图中间的width是外层的50%，这样必然会导致图片不自适应。 直接简单粗暴重写carousel样式。 .el-carousel { /deep/ .el-carousel__item--car ...
分类：
其他好文 时间：
2020-05-13 12:36:56
阅读次数：
219
vue-carousel-3d插件 1.介绍：是一款vue的3D轮播图插件，插件文档地址 https://wlada.github.io/vue-carousel-3d/ 1.1.安装以及使用 // 安装 npm install -S vue-carousel-3d // 使用的俩种方式 // 方式 ...
分类：
其他好文 时间：
2020-05-04 19:14:10
阅读次数：
66
javascript实现幻灯片播放 实现原理 step1 设置容器，包含图片、翻页、下标等元素，通过相对定位来布局。 step2 将幻灯片变化，需要改变的元素放在一个字容器内，display设为none,并且采取动画来变化。 step3设置js函数，将应该播放的元素样式激活，其他的元素仍为未激活状态 ...
分类：
编程语言 时间：
2020-05-03 16:41:46
阅读次数：
70
一个项目中需要用到一个广告位的轮播图效果，而这个轮播图位置需要根据不同设备的尺寸进行缩放从而保持相同的比例。 最开始使劲琢磨发现用 width + height 属性是实现不了这种效果的，非得用 JS 才能达到这种效果吗？终于发现有前人早已解决过这个问题，这里权当自己吸收学习，因此记录下来。 HTM ...
分类：
Web程序 时间：
2020-05-02 15:11:45
阅读次数：
61
试验版： 每过2秒，动态切换图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>轮播图实现</title> <style type="text/css"> /*标题样式*/ p{ text-align:ce ...
分类：
Web程序 时间：
2020-05-02 00:04:08
阅读次数：
82
今天看别人做了个旋转木马图片轮播图，自己手痒也做了个，话不多说，源码附上^_^ HTML部分： 1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="utf-8" /> 6 <title>JS旋转木马图片轮播代码</title> 7 </hea ...
分类：
Web程序 时间：
2020-05-01 23:44:24
阅读次数：
70
在我们实际项目中，轮播图（走马灯）是一个使用很频繁的功能组件。今天就自己动手实现一个简单的轮播图组件，在实际动手中加深对基础知识的理解，在项目中更加熟练的去应用。 首先整理下实现此组件的基本功能以及思路：1.把几张图片放置在一个容器中，每次只显示一张2.根据图片在容器中的偏移来控制当前显示哪张图片3 ...
分类：
其他好文 时间：
2020-04-29 23:21:02
阅读次数：
65
Swiper3d 软件架构 css js 使用说明 介绍 支持pc、移动端 pc左右箭头控制 移动端左右滑动 兼容性 ie = 10 其他主流浏览器都支持 使用文档： 注意事项： 1. 图片数量要 3+ 2. 图片顺序从中间开始，往右排序 3. 图片尺寸会比原来的缩小0.6倍，原来是180px,页面 ...
分类：
移动开发 时间：
2020-04-29 18:54:25
阅读次数：
208
任务清单 引导页(完成) 登录 登录页面（完成）（电话号码限制位数） 注册页面（完成） （忘记密码页面） （或者是再加上第三方登录） 音乐 有歌唱比赛的视频页面 比赛的详情 评论 自己录制音频的功能相关的页面（完成） 命名保存页 音乐列表歌单那个页 互动（校园之声） 歌曲播放页 我的 账户信息 （完 ...
分类：
其他好文 时间：
2020-04-28 15:21:48
阅读次数：
56
