swiper高度自适应

鸿蒙开发第3篇__大数据量的列表加载性能优化

列表是最常用到的组件一ForEach渲染控制语法————ForeachForeach的作用遍历数组项，并创建相同的布局组件块在组件加载时，将数组内容数据全部创建对应的组件内容，渲染到页面上constswiperImage
109905418·2024-02-13 07:11

小程序 常用组件

文章目录常见组件viewtextimageswipernavigatorrich-textnodes属性buttoniconfromradiocheckbox常见组件重点讲解⼩程序中常⽤的布局组件view
过去日记·2024-02-12 03:26

信小程序开发 day04 - swiper圆角、全局共享响应式数据思想、hy-event-store

setData在设置data数据上，是同步的通过最新数据对wxml进行渲染，渲染的过程是异步的2、如何给swiper控件设置圆角？
望穿秋水小作坊·2024-02-10 22:27

#小程序 分享一个有趣轮播图特效

因为最近在做一个智慧校园i小程序，写到学校概况页面，就想到这个动画，来分享一下一、先上图：不得不说，放上照片后既视感有点gaoxiao一、代码部分：{{name[index]}}.swiper-block
麦多馅饼·2024-02-10 18:19

说说在 Android 的 RecyclerView 中如何实现下拉刷新

1SwipeRefreshLayout修改布局文件，新增SwipeRefreshLayout：.........这里我们把RecyclerView放在SwipeRefreshLayout中。
deniro·2024-02-09 20:48

uniapp的image引用本地图片不显示问题解决

使用img标签要用绝对路径前面没有'/'{type:"swiperList",data:[{imgUrl:'static/image/img/swiper4.jpg'},{imgUrl:'static/
风轻_·2024-02-09 03:27

swiper中间大两边小的轮播图

8C039727-1ADE-4b37-BA03-C151164FF8F0.png首先引入swiper官网的css和jshtml代码如下Swiper的切换非常难得又值钱的认证证书深圳市优秀互联网企业认定证书质量管理体系认证荣誉证书计算机软件著作权登记证书增值电信业务经营许可证
生于乱世·2024-02-08 19:25

iOS UIScrollView高度自适应

高度自适应时可以在UIScrollView中添加一个contentView，然后对contentView进行约束。然后将其他子控件添加到contentView中，再
芮淼一线·2024-02-08 18:50

Swiper10.1.0图片轮播效果

1、swiper安装10.1.0版本：https://blog.csdn.net/Y1914960928/article/details/1325838782、swiper使用：①模板使用：②ts中引入组件
ᥬ 小月亮·2024-02-08 16:28

react做一个轮播图（比对reactjs-swiper、swiper方式）

1、使用插件：reactjs-swiperhttps://www.cnblogs.com/cbp-jltx/p/9681838.htmlreact插入图片：https://www.cnblogs.com
sasaraku.·2024-02-08 07:25

height:0,padding-bottom:50%

当margin或者padding取值是百分比的时候，无论是left，right或者top，bottom，都是以父元素的width为参考物，进行提前占位，避免资源加载时候的闪烁，还可以让高度自适应。
流浪_8e2e·2024-02-08 00:04

NextJS开发：使用swiper实现轮播图

安装swipernpmiswiper创建组件一定要添加"useclient"，作为客户端组件来使用示例代码中的样式使用的tailwindcss"useclient"import{Swiper,SwiperSlide
ArslanRobot·2024-02-07 08:16

【Android-Compose】Material3 新版下拉刷新 PullRefresh

这里写自定义目录标题1、`（新）`用于JetpackCompose的刷新指示器1.1SwipeRefresh迁移到新的PullRefresh1.2迁移步骤1.3自定义指示器2、原始文档（SwipeRefresh
许多仙·2024-02-06 17:19

swiper实现竖直方向滚动字幕

原因是没有设置循环滚动解决：移动端添加属性observer:true,observeParents:true,对数据进行监听添加loop:true属性解决每次都从头开始滚动，之前添加过这个属性没好使后来又可以了注意：swiper-wrapp
只诉温暖不言殇_cc03·2024-02-06 04:06

浮动元素父元素高度自适应（高度塌陷）

浮动元素父元素高度自适应（高度塌陷）当子元素有浮动并且父元素没有高度的情况下父元素会出现高度塌陷高度塌陷的解决方法hack1：给父元素添加声明overflow:hidden;(触发一个BFC)（缺点：超出元素会被隐藏
MarciaC·2024-02-06 03:18

微信小程序swiper+scroll-view实现滑动切换内容

1.实现效果scroll-left.gif2.实现原理swiper：滑块视图容器。
苏苏哇哈哈·2024-02-06 00:31

前端--输入框换行，高度自适应

最近项目遇到一个说小不小说大不大的问题，输入框要自动换行，并且高度还得自适应，我试了几种方式，1.input输入，input不能换行，上网查询了说将css设为word-break:break-all;word-wrap:break-word;也是无效的。2.div设置contenteditable="true"属性，这种方法可以实现输入内容自动换行，并且自适应高度，但是项目需要光标从边输入，我试过
壹拾伍_0bb6·2024-02-05 18:53

flex布局下el-table表格高度自适应、表格头部固定

flex布局下el-table表格高度自适应、表格头部固定—vue技术交流群（864583465)(此群满可加2群：111822407）直接上代码固定高度固定高度import{Vue,Component
JCAL123·2024-02-05 18:12

Swiper轮播图系列

一、初始化SwipernewSwiper('.swiper-container',{initialSlide:0,slidesPerView:3,breakpoints:{750:{slidesPerView
一茗道人nview·2024-02-05 17:28

Qt|QTextEdit编辑文本自动拉伸高度以及踩坑经验

最近做开放项目时，遇到了这样一个需求：使用QTextEdit编辑文本，随着编辑文本的变化，窗口高度自适应拉伸。
糯诺诺米团·2024-02-05 14:32

2024/2/3学习记录

scroll-view可滚动的视图区域，常用来实现滚动列表效果swiper和swiper-item常用swiper组件的常用属性轮播图容器组件和轮播图item组件基础组件text文本组件，类似于html
lxh0113·2024-02-04 13:49

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

【微信小程序】跑马灯效果

实现起来并没什么难度，主要是样式和布局，这次我们用小程序的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

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

踩坑，新版swiper在ant design pro 或react组件中autoplay不起作用的更正设置方法

swiper一直更新是个好事，但使用方法一直在悄悄的变，真得很坑人，直接带过坑吧。关键在这个引入这里，新版的必须将Autoplay作为模块引入，反正和以前版本有很多不一样了。
小果运维·2024-02-01 03:14

「学习笔记」黑马面面布局开发

「学习笔记」黑马面面布局开发黑马面面布局开发一、目的1.1技术方案1.2代码规范1.2目录规范二、流程开发2.1蓝湖/摹客协作平台2.2适配方案2.3初始化文件2.4布局模块2.5swiper插件使用2.6
mildness丶·2024-01-31 21:50

微信小程序的swiper轮播图中的图片设置自适应高度的一种方法

微信小程序的swiper轮播图中的图片设置自适应高度的一种方法小程序中的轮播图很简单，但是唯一的缺陷就是swiper是固定的150px高度（320px宽度），这样如果传入的图片大于这个高度就会被隐藏。
Vesuvius688·2024-01-31 20:00

swiper-分页标签内加time时间进度条

效果图-样式颜色很丑，需要的请自行优化Swiperdemohtml,body{position:relative;height:100%;}body{background:#eee;font-family
String佳佳·2024-01-31 12:10

微信小程序swiper bindChange重复执行

swiper是微信小程序的一个滑动组件，非常重要。如果只是做简单的轮播图而不进行复杂的逻辑，直接可以使用，甚至不需要知道组件的方法。
极乐叔·2024-01-30 17:57

智能小程序组件汇总（全）

小程序官方DemoDemo下载地址使用智能生活App扫码进行体验组件列表视图容器名称功能说明view视图容器scroll-view可滚动视图区域swiper滑块视图容器swiper-item仅可放置在swiper
IoT砖家涂拉拉·2024-01-29 16:01

js实现自动滚动

js实现自动滚动，再也不用求swiper组件啦标签需要自动滚动的内容样式#box{width:100%;height:100%;overflow-y:auto;}自动滚动代码functionscroll
学敲代码的Stars·2024-01-29 16:00

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Swiper容器组件

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Swiper容器组件一、操作环境操作系统:Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1二、Swiper
记忆的小河·2024-01-29 06:56

关于swiper 当前滑动值 loop:true时前后滑动值

swiper这个插件应该很多人用，今天主要说获取当前滑动的值Swiper3|Swiper中文网varswiper=newSwiper('.swiper-container',{pagination:'.
闲来无事垂钓·2024-01-29 05:58

微信小程序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）项目方舟框架（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

如何给SwipeRefreshLayout同时实现下拉刷新和上拉加载

尊重原创，转载请注明：http://blog.csdn.net/zj695469296/article/details/50563841关于下拉刷新github上有很多的框架可以学习和借鉴，desmond111大神这样总结：Repo性能拓展性综合建议Android-PullToRefresh★★★★★★★★由于作者不再维护，无法在gradle中配置，顶部视图难以拓展，不建议放入工程中使用andro
Chandler_Jane·2024-01-28 14:22

vue-awesome-swiper点击事件失效问题

最近做项目遇到了vue-awesome-swiper在loop模式下点击失效问题，经过多番尝试，找到了比较好的解决方式，记录下来，希望能帮助更多的朋友越过这些坑，话不多说，上干货；1.出现点击失效的原因
君子钺·2024-01-28 10:11

轮播图插件swiper的使用

1.引入（必需*）2.html结构-->3.JavaScript（具体API可以参考Swiper中文网）varmySwiper=newSwiper('.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

FLUTTER学习笔记--第三方组件

[使用步骤](https://pub.dev/documentation/dio/latest/)3.代码4.效果二、flutter_swiper1.
VaIOReTto1·2024-01-27 11:20

vue2中使用swiper组件库

api参数中文官网下载并引入项目//安装npmivue-awesome-swiper@4.1.1--savenpmiswiper@5.4.5--save//main.js引入importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper
白小白灬·2024-01-27 01:32

JS-swiper插件

插件：就是别人写好的一些代码，我们只需要复制对应的代码，就可以直接实现对应的效果官网：Swiper中文网-轮播图幻灯片js插件,H5页面前端开发
小沐°·2024-01-27 00:24

前端常用框架

1.Animate.csshttps://animate.style/2.Swiperhttps://3.swiper.com.cn/
pkowner·2024-01-26 15:52
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他