E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
swiper高度自适应
解决el-carousel跑马灯(只有两个轮播)loop的循环方向问题解决
解决el-carousel跑马灯(只有两个轮播)loop的循环方向问题解决)1.element和
swiper
的跑马灯对比起来,如果是用vue的话,使用element的跑马灯是非常方便的,但是功能并没有
swiper
程序媛_MISS_zhang_0110
·
2023-10-05 12:44
element-ui
javascript
elementui
vue.js
05支付宝小程序~textarea
image.png对比微信小小程序自带字符长度控制自带
高度自适应
属性:auto-height自带maxlength属性:默认140布局代码多行文本输入框受控聚焦聚焦清空自适应高度结合表单提交js代码varthat
微小码
·
2023-10-05 05:45
使用vue-awesome-
swiper
组件 手动滚动点击失效问题
最近做了一个项目用了vue-awesome-
swiper
这个组件,遇到了一个问题。
Skywang
·
2023-10-04 22:35
由Dialog里面嵌套ListView之后的
高度自适应
引起的ListView性能优化
先说ListView给高的正确做法.android:layout_height属性:必须将ListView的布局高度属性设置为非“wrap_content”(可以是“match_parent/fill_parent/400dp等绝对数值”)废话少说先来张bug图填楼图片前言随着RecyclerView的普及,ListView差不多是安卓快要淘汰的控件了,但是我们有时候还是会用到,基本上可以说是前些
hero的技术小黑屋
·
2023-10-04 17:10
微信小程序 ios border-radius元素 overflow:hidden失效问题
问题父元素使用border-radius和overflow:hidden;子元素使用了transform属性,父元素的overflow:hidden;会失效(
swiper
上加圆角)解决方案backface-visibility
FSYu
·
2023-10-04 11:55
textarea
高度自适应
-&&-元素属性contenteditable介绍
下面分享2种实现textarea
高度自适应
的做法,一种是利用JS控制textarea的高度,另一种是用div元素来模拟textarea一、textarea
高度自适应
一个有最小高度(设
dingFY
·
2023-10-04 10:29
Android ListView在ScrollView里
高度自适应
冲突解决办法
privatevoidsetListViewHeightBasedOnChildren(ListViewlistView){//获取ListView对应的AdapterListAdapterlistAdapter=listView.getAdapter();if(listAdapter==null){return;}inttotalHeight=0;for(inti=0,len=listAdapt
wushijun5200
·
2023-10-03 14:39
android
《Jetpack Compose从入门到实战》第九章 Accompanist 与第三方组件库
目录AccompanistSystemUiControllerPager
SwipeR
efreshFlowLayoutInsetsLottieCoilAsyncImageSubcomposeAsyncImageAsyncImagePainterAccompanist
小蒋的技术栈记录
·
2023-10-02 15:48
安卓
安卓
仿照nike小程序的分类切换效果
最近看到nike小程序的一个切换效果还很不错,所以有空仿照了一下,先上效果图布局很简单主要是做切换的动画效果和轮播图
高度自适应
,先看一下xml代码XML{{item.title}}{{jtem.title
南墙倒
·
2023-10-02 13:51
Android---
SwipeR
efreshLayout嵌套ViewPager时的滑动冲突
SwipeR
efreshLayout嵌套ViewPager最近在项目中用到了
SwipeR
efreshLayout控件,以实现下拉刷新,在我的
SwipeR
efreshLayout布局中存在一个ViewPager
hpp417
·
2023-10-02 07:41
vue2.x使用
swiper
之前在vue2项目中要用到轮播的功能,用
swiper
插件实现遇到了一些坑。
相维变
·
2023-10-02 04:22
uni-app 上传图片样式
f1f1f1;font-size:28upx;color:#333333;font-family:HelveticaNeue,Helvetica,sans-serif;}view,scroll-view,
swiper
先不要想收获,扎实
·
2023-10-02 01:33
css
css
强大的Android刷新库-SmoothRefreshLayout
SmoothRefreshLayoutEnglish|中文一个高效的Android刷新库,理论上支持所有的视图,比官方的
SwipeR
efreshLayout更强大且使用方便.本开源库的部分代码来自android-Ultra-Pull-To-Refresh
dkzwm
·
2023-10-02 01:41
Flutter实战一(框架,轮播图,自定义AppBars滚动渐变)
Banner功能开发4.自定义AppBar实现滚动渐变使用到的框架:在pubspec.yaml进行配置#Toast打印toast:^0.1.5#网络请求组件dio:^3.0.10#轮播图组建flutter_
swiper
景小帮
·
2023-10-01 16:05
vue中 iframe
高度自适应
(笔记)
首先给iframe设置一个id,然后在mounted中执行以下代码mounted(){variframes=document.getElementsByTagName('iframe');setInterval(function(){for(vari=0,j=iframes.length;i
chaochaoLiang
·
2023-10-01 11:25
vue.js
笔记
javascript
2019-07-23
本文海报生成可轮播,具体效果如下效果图小程序原生组件
swiper
等在此就不解释了步骤:1.将我们需要的图片调用getImageInfo转成微信格式的url,获取到对应的url将网络路径的图片转成微信的url2
JC_yang
·
2023-09-30 14:43
微信小程序(原生)——轮播图
swiper
、1秒切换、自动轮播、无缝切换
1秒切换、自动轮播、无缝切换二、案例演示三、案例代码index.wxml文件:index.wxss文件:/**index.wxss**/.
swiper
-container{width:100%;}.item
耶啵奶膘
·
2023-09-30 12:03
微信小程序
微信小程序
小程序
2020-03-13
Swiper
简介
Swiper
是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。
Swiper
能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
lena_b870
·
2023-09-30 11:23
h5公司官网开发总结
内容提要:meta标签整体布局整体框架Vue配合
swiper
的实战应用meta标签这点与在PC端写前端有着很大的区别,移动端的meta标签简直多。我就说说我所用到的标签。
方圆几里666
·
2023-09-30 08:00
【vue】实现上下滑动翻页
1、安装vue-awesome-
swiper
模块:npmi-Svue-awesome-
swiper
2、在main.js中导入:importVueAwesome
Swiper
from'vue-awesome-
swiper
u5f20u5929u8000
·
2023-09-30 04:16
Flutter之常用组件的使用举例(中)
一、
Swiper
#轮播组件flutter_
swiper
:^1.1.6基本使用import'package:flutter/material.dart';import'package:flutter_
swiper
可可鸭~
·
2023-09-30 00:45
Flutter移动开发
flutter
android
android
studio
微信小程序抽奖动画效果(老虎机上下滚动效果)
微信小程序抽奖动画效果(老虎机上下滚动效果)微信小程序抽奖效果实现,本来打算用小程序自带的
swiper
来实现,尝试了一下,发现控制它速度变化的时候会有明显的卡顿,而且想要控制元素达到指定的位置也不是特别容易实现
zzxprint
·
2023-09-29 12:07
Three.js渲染Dom元素到3D场景
效果中间两个
swiper
部分用dom方式实现,再将其转化成为Three中的CSS3DObject对象添加到3D场景中,代码需要创建两个场景与渲染器(普通渲染器,CSS3Render)通过两个场景融合实现
漫 漫,
·
2023-09-29 10:17
three
使用开源
SwipeR
evealLayout,来对item进行右侧滑动删除
先上图看效果https://github.com/chthai64/
SwipeR
evealLayoutgithub地址:https://github.com/chthai64/
SwipeR
evealLayout
HMZZS
·
2023-09-29 03:51
swiper
与iframe 冲突无法滑动
最简单的解决方法就是修改iframeiframe{pointer-events:none;}
奋斗的小蜗牛yyl
·
2023-09-28 20:58
将一维数组转为三维数组,html引入
swiper
并且自定义左右切换按钮
首先在head中引入
swiper
的css和js下载地址https://www.
swiper
.com.cn/download/index.html#file1代码主要看
swiper
结构,自定义按钮样式放在
KeloOne
·
2023-09-28 10:22
笔记
html
前端
uni-app 通过
swiper
实现卡片滑动背景同步切换效果
uni-app通过
swiper
组件也可以实现类似效果css样式:page{background-color:#FAFAFA;}.
swiper
-box{.
swiper
-bg{width:100%;position
Days2050
·
2023-09-27 18:55
html
css3
js
vue
css
swiper
添加动画效果,vue3.x+vite+
swiper
6.x以上
用vue3.x开发一个门户网站,动效有点多,浅谈一下其中走过的弯路吧;用到的插件框架用的“vue”:“^3.2.25”,构建工具“vite”:“^2.9.5”,轮播“
swiper
”:“^8.1.4”,动画组件
前端菜鸟啊辉
·
2023-09-27 05:27
动画
javascript
前端
Vue + elementui +router+
swiper
的几个不走弯路小技巧
1.elementUI的元素动态删减先看效果X添加商品方法:添加输入框:遍历数组,给相应按钮添加点击事件,点击后往数组里面push一个空字符串,然后就会生成一个输入框。删除指定输入框:遍历的时候拿到每个输入框的索引,上面的代码是i,然后给函数赋值i,用数组的splice方法,删除数组元素。代码:添加addpush(){this.addForm.detail.push('')if(this.addF
cuter、
·
2023-09-26 08:59
实战
vue
js
前端
html
swiper
使用
介绍
Swiper
(
swiper
master)是一个第三方的库,可以用来实现移动端、pc端的滑动操作。
陈天在睡觉
·
2023-09-25 01:14
WEB
知识点总结
前端
WEB
分享几个开发中的漂亮的小程序组件
日历组件:子组件与父页面间通信(接口都留好了)暗黑模式选择date-picker的日期选择
swiper
顺滑无缝切换日期弹出式modal模态栏信息填写(标题、心情等)(
michaelxuzhi___
·
2023-09-24 12:20
微信小程序
组件化思想
小程序云开发
小程序
小程序组件
组件通信
微信小程序快速入门01(含案例)
文章目录前言一、组件1.常用视图容器类组件viewscroll-view
swiper
、
swiper
-item2.text、rich-text3.其他常用组件buttonimagenavigator二、小程序
浩泽学编程
·
2023-09-24 12:33
微信小程序
微信小程序
小程序
前端
javascript
django社交类程序笔记(1)项目概览
swiper
Social类似于“探探”的社交类程序,采用亲啊后端分离结构,主要包含下列模块:1.项目概况:个人模块社交模块VIP模块异步任务模块redis缓存模块日志模块,异常处理模块短信模块,邮件模块运维
Python_Heaven
·
2023-09-24 08:14
django团队项目开发
vue3
swiper
6 autoplay问题。
import
Swiper
,{Autoplay}from'
swiper
'//
swiper
6部分功能组件化,需使用这种方式声明自动循环
Swiper
.use([Autoplay])
唐_亮
·
2023-09-24 05:51
uni-app+uView如何轮播图滑动时改变背景颜色和导航栏颜色
页面背景轮播图大致如下(看重点,不要照抄):对应的,我们需要初始化一下data(){return{navBackground:{backgroundColor:'#fff'},bgColor:'#fff',
swiper
List
万符网络
·
2023-09-24 01:45
uniapp
小程序
javascript
前端
开发语言
纯css实现div
高度自适应
背景在开发活动页h5的情况下,很多元素都是背景图加DIV构成的,在如今响应式布局的要求下,很多能自动调整尺寸的元素能够做到高宽自适应,如img,通过{width:50%;height:auto;}实现图片高度跟随宽度比例调整。然而,用的最多的标签一哥Div却不能做到自动调整(要么从父级继承,要么自行指定px,要么给百分比!但是这个百分比是根据父级的高度来计算的,根本不是根据元素自身的宽度,那么就做
梦_183b
·
2023-09-23 23:34
微信小程序
swiper
轮播图高度
小程序中的轮播图很简单,官方都有例子的,但是唯一的缺陷就是
swiper
是固定死的150px高度,这样如果传入的图片大于这个高度就会被隐藏。辣么,怎样让图片自适应不同分辨率捏。
新新_6261
·
2023-09-23 15:49
HTML+CSS实现div的
高度自适应
填满剩余空间的7种方法
CSS实现div填充剩余高度转发:https://my.oschina.net/linsk1998/blog/3005190如图上下两部分,上面部分适应内容的高度,下面部分填充剩余部分。当下面内容不够时,在下面部分出现滚动条有2种情况1.上面内容的高度适应内容,只有2种方法(flex、quirks+table)2.上面内容为固定高度,除了上面2种方法,方法还有(borderbox、position
小毛嗑儿
·
2023-09-23 04:10
CSS
轮播
swiper
中加视频video滑动不顺畅报错 property on ‘HTMLMediaElement‘: The provided double value is non-finite.
轮播
swiper
中加视频video滑动不顺畅报错TypeError:Failedtosetthe‘currentTime’propertyon‘HTMLMediaElement’:Theprovideddoublevalueisnon-finite
super5
·
2023-09-22 20:02
vue.js
css3
es6
javascript
css
vue引入
swiper
报错
vue项目的package.json中显示的"vue-awesome-
swiper
":"^2.5.4",用npminstall自动安装依赖时装的版本为"version":"2.6.7",而单独安装(npminstallvue-awesome-
swiper
前端啊啊
·
2023-09-22 04:43
亿纬锦能项目总结
项目名称:亿纬锦能项目链接:https://www.evebattery.com项目概况:此项目用到了wow.js/slick.js/
swiper
-bundle.min.js/animate.js/appear.js
要讲故事
·
2023-09-22 00:57
前端
开发语言
笔记
微信小程序之block
案例1.使用
swiper
组件,图片滑动切换中使用block2.无限循环中列表循环,用bloc
奶酪凌
·
2023-09-21 23:49
SwipeR
ecyclerView开源库源码分析之(一)触摸事件处理分析
1仓库信息https://github.com/yanzhenjie/
SwipeR
ecyclerView2布局层级分析定义了一个继承RecyclerView的子类
SwipeR
ecyclerView。
xiayuexingkong
·
2023-09-21 09:46
Android系统View
源码分析
自定义控件
触摸屏事件
开源库
源码分析
swiper
一行中展示三列的效果—案例(一)
移动端H5使用
swiper
移动端的布局可以采用hotcss的方式,这里就不进行布局介绍了;可以参考链接:https://www.w2bc.com/article/205451,本文内代码没有做适配;1:
墨轩尘
·
2023-09-21 07:34
Swiper
html
swipe
html
uniapp解决scroll滑动之后被u-sticky挡住的问题
问题:页面触底加载之后,回到头部,顶部数据被遮挡将上的
swiper
-list样式高度调整成90vhdata(){return{tabList:[{name:'全部',},{name:'待付款',}],
swiper
Current
peepeeman
·
2023-09-21 05:32
javascript
前端
uni-app
微信小程序
微信小程序案例2-2:本地生活
文章目录一、运行效果二、知识储备(一)
swiper
与
swiper
-item组件1、
swiper
组件(1)功能描述(2)属性说明2、
swiper
-item组件(1)功能描述(2)属性说明3、基本语法4、案例演示
howard2005
·
2023-09-20 21:11
微信小程序
微信小程序
生活
轮播
九宫格
项目中使用vue-awesome-
swiper
一.简介
Swiper
常用于移动端网站的内容触摸滑动
Swiper
是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端,以及PC端网站。
fenerchen
·
2023-09-20 21:54
swiper
+vide开发一款视频和图片切换的banner
swiper
+vide开发一款视频和图片切换的banner功能简介:视频和图片混到一起的自动轮播视频播放完,会自动播放到下一个图片(如果下一个是图片的话)图片切换到视频,视频都会重新播放参考文档:https
gzmyh
·
2023-09-20 20:59
jquery
html5
css
微信小程序轮播图banner 当前图片放大
效果wxmlwxss.
swiper
-block{height:320rpx;width:100%;}.
swiper
-item{display:flex;flex-direction:column;justify-content
把我推进深海的你真善良
·
2023-09-20 18:21
swiper
移动排版
swiper
中文网例子:html,body{height:100%;}.
swiper
-container{height:100%;text-align:center;}.
swiper
-container.
swiper
-wrapperdiv
AnnQi
·
2023-09-20 18:35
上一页
9
10
11
12
13
14
15
16
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他