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高度自适应
2024/2/3学习记录
scroll-view可滚动的视图区域,常用来实现滚动列表效果
swiper
和
swiper
-item常用
swiper
组件的常用属性轮播图容器组件和轮播图item组件基础组件text文本组件,类似于html
lxh0113
·
2024-02-04 13:49
前端
javascript
开发语言
Flutter实现轮播图功能
一、在pubspec.yaml中添加:dependencies:#轮播图card_
swiper
:^3.0.1card_
swiper
:^3.0.1,要获取最新版本:https://pub-web.flutter-io.cn
彬sir哥
·
2024-02-03 18:35
Flutter
android
studio
flutter
card_swiper
轮播图
【微信小程序】跑马灯效果
实现起来并没什么难度,主要是样式和布局,这次我们用小程序的
swiper
组件来写一个自下往上滚动的跑马灯。
RealHumans
·
2024-02-03 16:54
微信小程序 for循环嵌套怎么取值
外层循环正常嵌套,内层循环嵌套的时候,把item.
swiper
_buy作为数组循环wx:for="{{item.
swiper
_buy}}",然后给item重新命名wx:for-item="cell",内部循环的时候
weixin_30507269
·
2024-02-02 23:35
HarmonyOS4.0系统性深入开发32 创建轮播(
Swiper
)
创建轮播(
Swiper
)
Swiper
组件提供滑动轮播显示的能力。
Swiper
本身是一个容器组件,当设置了多个子组件后,可以对这些子组件进行轮播显示。
程序员沙蛙
·
2024-02-02 13:44
harmonyos
microsoft
鸿蒙
开发语言
华为
vue使用
swiper
滑动导航:https://blog.csdn.net/Gaia_qi/article/details/79528832组件滑动:http://www.cnblogs.com/zishang91/p/7940433.html
coffee1949
·
2024-02-02 05:02
vue实现瀑布流
每个色块宽度一致,
高度自适应
VerticalLine.item-move{transition:all.5scubic-bezier(.55,0,.1,1);-webkit-transition:all
天使的同类
·
2024-02-01 04:39
瀑布流
vue.js
html
vue.js
前端
踩坑,新版
swiper
在ant design pro 或react组件中autoplay不起作用的更正设置方法
swiper
一直更新是个好事,但使用方法一直在悄悄的变,真得很坑人,直接带过坑吧。关键在这个引入这里,新版的必须将Autoplay作为模块引入,反正和以前版本有很多不一样了。
小果运维
·
2024-02-01 03:14
react.js
前端
前端框架
swiper
「学习笔记」黑马面面布局开发
「学习笔记」黑马面面布局开发黑马面面布局开发一、目的1.1技术方案1.2代码规范1.2目录规范二、流程开发2.1蓝湖/摹客协作平台2.2适配方案2.3初始化文件2.4布局模块2.5
swiper
插件使用2.6
mildness丶
·
2024-01-31 21:50
css
前端
html
微信小程序的
swiper
轮播图中的图片设置自适应高度的一种方法
微信小程序的
swiper
轮播图中的图片设置自适应高度的一种方法小程序中的轮播图很简单,但是唯一的缺陷就是
swiper
是固定的150px高度(320px宽度),这样如果传入的图片大于这个高度就会被隐藏。
Vesuvius688
·
2024-01-31 20:00
遇到的坑
微信小程序
小程序
swiper
-分页标签内加time时间进度条
效果图-样式颜色很丑,需要的请自行优化
Swiper
demohtml,body{position:relative;height:100%;}body{background:#eee;font-family
String佳佳
·
2024-01-31 12:10
css
javascript
前端
微信小程序
swiper
bindChange重复执行
swiper
是微信小程序的一个滑动组件,非常重要。如果只是做简单的轮播图而不进行复杂的逻辑,直接可以使用,甚至不需要知道组件的方法。
极乐叔
·
2024-01-30 17:57
智能小程序组件汇总(全)
小程序官方DemoDemo下载地址使用智能生活App扫码进行体验组件列表视图容器名称功能说明view视图容器scroll-view可滚动视图区域
swiper
滑块视图容器
swiper
-item仅可放置在
swiper
IoT砖家涂拉拉
·
2024-01-29 16:01
小程序
iot
云计算
组件
sass
paas
App
js实现自动滚动
js实现自动滚动,再也不用求
swiper
组件啦标签需要自动滚动的内容样式#box{width:100%;height:100%;overflow-y:auto;}自动滚动代码functionscroll
学敲代码的Stars
·
2024-01-29 16:00
javascript
前端
开发语言
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之
Swiper
容器组件
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之
Swiper
容器组件一、操作环境操作系统:Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1二、
Swiper
记忆的小河
·
2024-01-29 06:56
开发语言
关于
swiper
当前滑动值 loop:true时前后滑动值
swiper
这个插件应该很多人用,今天主要说获取当前滑动的值
Swiper
3|
Swiper
中文网var
swiper
=new
Swiper
('.
swiper
-container',{pagination:'.
闲来无事垂钓
·
2024-01-29 05:58
javascript学习笔记
swiper
swiper滑动值
loop
swiper当前滑动
微信小程序
swiper
实现tab切换显示空白页
此处可能会出现Tab显示空白问题,经验证,
swiper
-item不可直接写样式或者class类名,需要在
swiper
内部写样式
小小苏1229
·
2024-01-28 22:36
UITextView输入时
高度自适应
这里使用的sizeThatFits方法,属于AutoLayout中的一个方法,代码如下:-(void)textViewDidChange:(UITextView*)textView{//获得textView的初始尺寸CGFloatwidth=CGRectGetWidth(textView.frame);CGFloatheight=CGRectGetHeight(textView.frame);CG
NirvanaReborn凯
·
2024-01-28 20:18
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之
Swiper
容器组件
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之
Swiper
容器组件一、操作环境操作系统:Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1二、
Swiper
亚丁号
·
2024-01-28 17:42
harmonyos
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之
Swiper
容器组件
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之
Swiper
容器组件一、操作环境操作系统:Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1二、
Swiper
自动化新人
·
2024-01-28 16:50
开发语言
Swiper
轮播插件的使用与二次封装
1、
Swiper
官方文档链接:
Swiper
中文网-轮播图幻灯片js插件,H5页面前端开发
Swiper
是一个非常强大的轮播插件,
Swiper
是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端
听书先生
·
2024-01-28 15:51
如何给
SwipeR
efreshLayout同时实现下拉刷新和上拉加载
尊重原创,转载请注明:http://blog.csdn.net/zj695469296/article/details/50563841关于下拉刷新github上有很多的框架可以学习和借鉴,desmond111大神这样总结:Repo性能拓展性综合建议Android-PullToRefresh★★★★★★★★由于作者不再维护,无法在gradle中配置,顶部视图难以拓展,不建议放入工程中使用andro
Chandler_Jane
·
2024-01-28 14:22
android
github优秀框架
android
material
design
上拉刷新
下拉加载
vue-awesome-
swiper
点击事件失效问题
最近做项目遇到了vue-awesome-
swiper
在loop模式下点击失效问题,经过多番尝试,找到了比较好的解决方式,记录下来,希望能帮助更多的朋友越过这些坑,话不多说,上干货;1.出现点击失效的原因
君子钺
·
2024-01-28 10:11
轮播图插件
swiper
的使用
1.引入(必需*)2.html结构-->3.JavaScript(具体API可以参考
Swiper
中文网)varmy
Swiper
=new
Swiper
('.
swiper
-container',{//滚动方向
前端葱叶
·
2024-01-28 00:17
微信小程序
1、
swiper
疯狂抖动。
swiper
添加了current属性并且在change的事件回调函数中改变current值,就会导致死循环。解决:删除current属性。
huanghaodong
·
2024-01-27 23:24
如何在react-native实现自定义的垂直方向跑马灯
项目需求是需要实现一个垂直方向的跑马灯轮播,早期采用react-native-
swiper
解决方案,此方案在ios端正常使用,在android端不能使用,所有果断放弃。
xjl271314
·
2024-01-27 14:52
ReactNative
Animated
react
reactNative动画
FLUTTER学习笔记--第三方组件
[使用步骤](https://pub.dev/documentation/dio/latest/)3.代码4.效果二、flutter_
swiper
1.
VaIOReTto1
·
2024-01-27 11:20
flutter学习笔记
flutter
学习
android
vue2中使用
swiper
组件库
api参数中文官网下载并引入项目//安装npmivue-awesome-
swiper
@4.1.1--savenpmi
swiper
@5.4.5--save//main.js引入importVueAwesome
Swiper
from'vue-awesome-
swiper
'import'
swiper
白小白灬
·
2024-01-27 01:32
Vue
vue.js
JS-
swiper
插件
插件:就是别人写好的一些代码,我们只需要复制对应的代码,就可以直接实现对应的效果官网:
Swiper
中文网-轮播图幻灯片js插件,H5页面前端开发
小沐°
·
2024-01-27 00:24
JS
javascript
前端
开发语言
前端常用框架
1.Animate.csshttps://animate.style/2.
Swiper
https://3.
swiper
.com.cn/
pkowner
·
2024-01-26 15:52
前端
SwipeR
efreshLayout中有AppBarLayout和Viewpager造成下拉冲突的解决办法
OverridepublicvoidonOffsetChanged(AppBarLayoutappBarLayout,intverticalOffset){if(verticalOffset>=0){
swipeR
efreshLayou
暖宝宝_龍
·
2024-01-26 15:51
《微信小程序开发从入门到实战》学习九十三
7.1视图容器组件7.1.3
swiper
与
swiper
-item组件
swiper
组件的显示效果如下图所示:indicator-dots、indicator-color和indicator-active-color
那长长遥远的路
·
2024-01-26 13:21
微信小程序
学习
小程序
/deep/ 深度选择器
一般使用场景有2个.1.是嵌套了子组件的父组件上,2.是UI组件的节点样式修改上,如
swiper
组件的轮播分页原点样式上.需要注意的是:/deep/效果对其下所有子组件的样式都生效,不需在里面嵌套使用.
浪浪山小妖_
·
2024-01-26 10:28
Vue 自定义轮播
,目前没有达到理想效果,后续我会在这篇博客里继续完善,源码如下:自定义轮播图文字和图片没有什么关联图片是河南开封的美景{{item.name}}排列方式:-->exportdefault{name:"
Swiper
我不是费圆
·
2024-01-26 10:48
Vue
CSS
1024程序员节
微信小程序 图片自适应高度 宽度 完美适配原生或者uniapp
-----查了一下百度看到网上图片
高度自适应
的解决方案基本是靠JS获取图片的宽度进行按比例计算得出图片高度。不是很符合我的需求/于是我脑瓜子一转想到一种新的解决方案不用JS计算也能完美解决。
执波仔丶
·
2024-01-26 07:31
微信小程序
uni-app
小程序
vue-awesome-
swiper
的API整理
参数类型(
swiper
3)默认值(
swiper
3)类型(
swiper
4)默认值(
swiper
4)说明autoplayNumber/Boolean0/falseObjectautoplay自动切换speedNumber300Number300
打响第一枪
·
2024-01-26 01:03
vue.js
前端
javascript
Swiper
详解
一、
Swiper
简介
swiper
是一款轻量级的轮播图插件,开源、免费、稳定、使用简单且功能强大,由纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端,能实现触屏焦点图、触屏Tab切换
zhong_333
·
2024-01-25 03:57
javascript
Swiper
轮播图后端接口实现
mybatis-plus:global-config:db-config:id-type:auto#id生成规则:数据库id自增configuration:map-underscore-to-camel-case:false#开启驼峰功能auto-mapping-behavior:full#自动映射任何复杂的结果log-impl:org.apache.ibatis.logging.stdout.S
九品印相
·
2024-01-24 23:44
分布式小程序电商2
java
JavaScript进阶:WebAPIs重点知识整理2
对节点的相关操作1.1查找节点1.1.1查找节点的父节点1.1.2查找节点的子节点1.1.3查找节点的兄弟节点1.2新增节点(先创建,后追加)1.3克隆节点1.4删除节点2M端(移动端)事件3JS清空表单的方法4
swiper
是小蟹呀^
·
2024-01-24 19:39
JavaScript
javascript
vue-实战去哪儿项目
运行项目npminstallnpmrundev项目展示项目涉及到技术栈:vue:Vue、Vue-router、Vuex、Vue-cli插件:vue-awesome-
swiper
、better-scrollAxiosCSS
唐人不自醉
·
2024-01-24 18:18
实现小程序image图片宽度100%
高度自适应
height:240px,所以只设置宽度100%是无效的,因为图片高度默认240px只需要添加属性mode="widthFix"设置宽度100%,.img{width:100%;}这样就可以实现图片宽度100%
高度自适应
比奇堡的珊迪
·
2024-01-24 16:23
mui中判断是点击还是滑动
判断和滑动是两种触发方式滑动分为四种,上下左右(swipeup,swipedown,swipeleft,
swiper
ight)点击分为两种,点击和双击,一般用单机(tap)根据自己不同的需求进行相应的使用函数在此我需要的是判断上下滑动和点击触发事件的对象
一封未寄出的信rocky
·
2024-01-24 15:04
啥,ui叫我做一个移动端好看的轮播--异形的Slide
先看效果,得实现两边的缩放和无线滚动实现方法我的基础架构是next.js+
swiper
下载
swiper
包yarnadd
swiper
下载后在页面中引用import{useEffect,useState}from"react
实习小子
·
2024-01-24 13:47
ui
javascript
开发语言
鸿蒙第二课笔记
集全完结_哔哩哔哩_bilibili先介绍了鸿蒙的组件类型:有基本组件(text,image,progress,rating,span,marquee等等)容器组件(div,list,list-item,
swiper
m0_66408724
·
2024-01-24 03:37
harmonyos
华为
HarmonyOS鸿蒙学习笔记(22)@Builder实战
@Builder标签是一种更轻量的UI元素复用机制,下面通过一个简单的例子来具体说明:比如如下布局效果:上面是一个轮播的
Swiper
,下面是一个Grid布局代码如下:build(){Navigation
郭梧悠
·
2024-01-23 22:18
HarmonyOS
harmonyos
Builder
智能GPT图书管理系统(SpringBoot2+Vue2)、接入GPT接口,支持AI智能图书馆
2.6.14Vue-Router路由式编程导航3.5.1Element-UI模块组件库,绘制界面2.4.5Axios发送ajax请求给后端请求数据1.2.1core-js兼容性更强,浏览器适配3.8.3
swiper
神码观察
·
2024-01-23 13:55
开源推荐
gpt
uniapp实现页面左滑右滑切换内容
uniapp+uview:使用uniapp的
swiper
和uview的tabs标签组合实现Tabs标签|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI框架```
浮桥
·
2024-01-23 06:31
uni-app
vue.js
微信小程序-02
swiper
和
swiper
-item组件的基本使用轮播图ABC/*pages/list/list.wxss*/.
swiper
-container{height:150px;}.item{height:100%
菜♕卷
·
2024-01-23 02:10
微信小程序
微信小程序
小程序
vue里面使用
swiper
,需要切换获取realIndex
在main.js里面importVueAwesome
Swiper
from'vue-awesome-
swiper
'Vue.use(VueAwesome
Swiper
)1A班影片:567觀看:5671A班影片
认真的十四
·
2024-01-21 00:21
【微信小程序开发】环境介绍和基本使用
1.4WXML模板1.5WXSS样式1.6JS逻辑交互2.宿主环境2.1什么是宿主环境2.2通信模型2.3运行机制2.4组件2.4.1view组件的基本使用:2.4.2scroll-view组件的使用2.4.3
swiper
不能再留遗憾了
·
2024-01-20 20:47
微信小程序开发
微信小程序
小程序
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
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
其他