轮播图 <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Title</title> <link rel="stylesheet" t ...
分类：
其他好文 时间：
2020-05-30 11:00:04
阅读次数：
333
登录京东或者淘宝的时候，主页往往会有有个主要推送页，当不做处理时会自动切换播放，如果悬浮则会停止播放，西方会有点进行切换，左右可切换播放，具体实现效果如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script ...
分类：
编程语言 时间：
2020-05-30 01:18:36
阅读次数：
75
.wx-swiper-dots{position:relative;left: unset!important;right: 0;} .wx-swiper-dots.wx-swiper-dots-horizontal{ margin-bottom: -5rpx; } ...
分类：
微信 时间：
2020-05-23 09:50:46
阅读次数：
648
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
分类：
Web程序 时间：
2020-05-22 19:07:33
阅读次数：
113
轮播图也涉及到触摸和触摸反馈，同时，AlloyTouch可以把惯性运动打开或者关闭，并且设置min和max为运动区域，超出会自动回弹。除了一般的竖向滚动，AlloyTouch也可以支持横向滚动，甚至任何属性的运动，因为它的设计的本质就是属性无关，触摸可以反馈到任何属性的运动。所以AlloyTouch ...
分类：
其他好文 时间：
2020-05-19 12:37:01
阅读次数：
52
image标签 有默认宽高 320 × 240 mode属性决定图片的显示方式和宽高适配 scaleToFill:默认；不缩放直接拉伸至满image元素 aspectFit:保持纵横比，确保长边被显示，常用于于轮播图 widthFix:保持纵横比，高度根据宽度等比例拉伸，用于平常页面 lazi lo ...
分类：
微信 时间：
2020-05-19 10:54:41
阅读次数：
91
前言 最近小程序项目需要一个 弹框 展示 轮播图 。项目用的 mpvue 框架，使用 colorUi 的轮播图时， <swiper class="card-swiper round-dot" indicator-dots="true" circular="true" autoplay="true" ...
分类：
其他好文 时间：
2020-05-18 18:13:12
阅读次数：
169
这次搞这个轮播图的公共组件，倒是没有被打脸呢 脑子：绝对可以 手：我擦，居然真可以 脑子：啥意思啊？？？ 手：牛B 因为轮播图也是公共组件，所以将轮播图的组件之间copy到components中的common中去 至于使用就更简单了， home组件中，我们打算展示轮播图！。那么首先我们要有数据啊，好 ...
分类：
其他好文 时间：
2020-05-18 12:27:07
阅读次数：
55
天天写前端的你，会自己写一个轮播图吗，而且不能用js哦，知道轮播图的原理吗？ 今天我们要讲的是如何只用css实现轮播图效果，也叫 ，就是我们经常在APP或网站首页顶部看到的一系列图片切换。就像淘宝官网首页那样： 实现原理 一图胜千言，先上图： 解释一下，轮播图并排排列，组成一张很宽的图片，而手机屏幕 ...
分类：
Web程序 时间：
2020-05-17 19:28:03
阅读次数：
90
1、轮播图.html(图片可自己修改) <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>轮播图</title> </head> <link rel="stylesheet" type="text/css" href="css ...
分类：
Web程序 时间：
2020-05-16 00:25:02
阅读次数：
69
