swiper高度自适应

js插件之iscroll,swiper0814

js插件之iscroll,swiper1.iscroll1.1我们在电商网站移动端经常会看见有侧边栏,如下图侧边栏.png我们先用原生js来实现一下这个功能01-侧边栏菜单*{margin:0;padding
煤球快到碗里来·2023-09-07 17:42

uniapp：文本/图片横向滚动播放（非swiper）

插件地址平台支持：APPH5微信小程序支付宝小程序百度小程序字节跳动小程序QQ小程序√√√未测未测未测未测插件功能支持文本/图片横向播放，点击选中，扫码体验注意：css样式需要开发者布局props:名称类型默认值说明版本listArray[]需要滚动的列表1.0.0typeStringtext可选：image，纯图片滚动1.0.0textKeyString文字key值1.0.0imageKeySt
Mosowe·2023-09-07 11:07

swiper不生效/切换不生效，点击切换按钮activeIndex值不对应问题@令狐张豪

原因：因为把newSwiper放在mounted实例化的时候可能v-for并未执行完成结构还未完全生成错误：先执行了swiper实例化后循环的；正确：先循环完数据确保数据完整循环完成后再执行swiper
令狐张豪·2023-09-07 01:44

如何安装指定版本依赖包 及查询版本号

》1查询版本号使用cnpm或者npm在控制台输入npmview依赖包名versions//例：npmviewswiperversions会出现如下版本信息：swiperversions.png》2安装指定版本包使用
鸿泽云码·2023-09-06 22:44

nuxt正确使用vue-awesome-swiper

使用nuxt实现轮播图功能适用得是vue-awesome-swiper这个插件按照官网进行配置不是报错就是样式有问题总结了一下能正常使用的步骤安装插件//使用3.1.3版本可以不用引入swiper插件npmivue-awesome-swiper
我今年六岁·2023-09-06 22:38

uni-app 点击按钮切换图片或文字

点击按钮切换图片或文字点击按钮111点击按钮222{{imageUrl}}exportdefault{data(){return{//显示初始图片imageUrl:"https://cdn.uviewui.com/uview/swiper
jun_tong·2023-09-06 14:59

uni-app 之 scroll-view和swiper

uni-app之scroll-view和swiper里必须要有一个盒子，不能有两个，这里的盒子就是view-->跳转到新页面VerticalScroll\n纵向滚动点击这里返回顶部ABCHorizontalScroll
jun_tong·2023-09-06 14:58

如何在Vue-Cli中使用Element-UI和Echarts和swiper插件(低版本)

1st.Element-UI1.1安装在终端输入npminstallelement-ui1.2导入在全局main.js中全局导入Element-UI：//导入element-ui组件库importElementUIfrom'element-ui';//导入element-ui组件库的样式import'element-ui/lib/theme-chalk/index.css';//注意：elemen
uuz·2023-09-06 12:37

uniapp项目实践总结(十)自定义滑动触摸组件

目录准备工作原理分析组件实现实战演练案例展示准备工作在components新建一个q-swiper文件夹，并新建一个q-swiper.vue的组件；按照前一篇所说的页面结
·2023-09-05 21:50

5-4 Flutter 轮播图Banner功能开发

5-4轮播图Banner功能开发import'package:flutter/material.dart';import'package:flutter_swiper/flutter_swiper.dart
小码农小世界·2023-09-05 19:52

uni-app 中 swiper 轮播图高度自适应

方法一1、首先swiper标签的宽度是width:100%2、swiper标签存在默认高度是height:150px；高度无法实现由内容撑开，在默认情况下，图片的高度显示总是150pxswiper宽度/
UserGuan·2023-09-05 11:42

小程序swiper+video+onPageScroll

为啥这样做呢？因为微信原生组件video放在scrollview中上滑体验极其不好，video组件层级最高，页面滑动时，播放中的video不会随之滑动。。。
冬天73051·2023-09-05 01:28

获取element-ui的Collapse折叠后高度

因为el-table在折叠面板下面,所以设想当折叠面板折叠后,table可以根据高度自适应变高,使可视区域更大因为折叠面板使用的是动画,所以要监听动画结束,再获取折叠后的高度,再更新表格的最大高度即可exportdefault
前端程序媛Ying·2023-09-04 16:29

【avue】常用属性和crud使用方法总结

option:{height:'auto',//表格高度calcHeight:30,//表格高度差（主要用于减去其他部分让表格高度自适应）tip:false,searchShow:true,//首次加载是否显示搜索
橙子啊啊·2023-09-04 13:14

基于HarmonyOS ArkUI实现七夕壁纸轮播

本节将演示如何在基于HarmonyOSArkUI的SwiperController、Image、Swiper等组件来实现七夕壁纸轮播。本文涉及的所有源码，均可以在文末链接中找到。
_waylau·2023-09-04 13:11

Vue使用Swiper组件制作轮播图

1.下载安装包cnpminstallvue-awesome-swiper@3--save  因为版本不兼容的问题，这里指定下载的版本是3.xxx。
外星人_863d·2023-09-04 12:57

小兔鲜儿---商品分类

目录准备工作渲染轮播图一级分类获取数据Tab交互二级分类骨架屏准备工作参考效果商品分类页中的广告位，可复用之前定义的轮播图组件XtxSwiper。
前端 贾公子·2023-09-04 12:58

Flutter Text、ListView、ScrollView高度自适应

Text高度自适应核心逻辑Row+Expanded包裹Text文本ListView、ScrollView这一类的Item高度自适应方式Widget_itemView(item){returnContainer
星邪Ara·2023-09-04 03:07

layui表格高度自适应

.layui-table-cell{overflow:visible;text-overflow:inherit;white-space:normal;height:auto!important;word-break:break-all;}done:function(index,layero){//表头部分//动态监听表头高度变化，冻结行跟着改变高度$(".layui-table-headertr
这真的是一个帅气的名字·2023-09-04 01:00

uniapp项目实践总结(七)编写一个简单的应用页面

容器类viewscroll-viewswiper文本类icontextrich-textprogress表单类forminputtextarealabelradioch
马克关·2023-09-04 00:08

第二个迷糊的一天

吃完11:40回办公室，中午继续看vue的课程，但很经常打瞌睡，今天学了swiper组件还有lodash插件用来防抖的，只是大概知道怎么用，但没有真正实操，主要是因为静态页面也还没有构建出
Oxalis·2023-09-03 23:08

uniapp实现移动端的视频图片轮播组件

tt.appc02.com/nesxr62、支持小程序、H5、APP，在小程序上运行的效果图3、使用方法第一步，按照截图步骤配置好第二步：参考以下代码，使用视频图片轮播组件我是标题我是内容importvideoSwiperfrom
zhifanxu·2023-09-03 06:16

uniapp项目实践总结(七)编写一个简单的应用页面

容器类viewscroll-viewswiper文本类icontextrich-textprogress表单类forminputtextarealabelradioch
·2023-09-02 22:18

React-native——实现轮播图

大家好，我是贰妹子，希望我的博客对你有帮助（多动手练习一下呦）将Swiper和Text通过一个View来封装.
贰小妹儿·2023-09-02 17:02

微信小程序自定义组件,父传子，子传父，默认插槽，具名插槽

小程序有许多的内置组件，比如之前学习过的view、image、scroll-view、swiper等，除此之外小程序也允许开发者自定义组件。
←_→·2023-09-02 16:09

cell高度自适应的两种方法

第一种方法：在获取数据，进行字典转模型的时候，预先计算好每个cell中各个控件的高度，和cell的高度，并赋给model,在heightForRowAtIndexPath方法返回相应的高度；第二种方法：使用Masonry或者autoLayout给cell设置约束，在estimatedHeightForRowAtIndexPath方法中返回一个预估高度即可。
5b01f47e6752·2023-09-01 23:10

vue 中使用 swiper loop循环失效

在循环的父元素上面加上v-if就好了
兜兜里冒糖糖·2023-09-01 21:40

Vue + Vnat Vant轮播组件渲染动态数据 页面一直在第一页的问题

在这之间要给swiper组件定义一个名字ref="swipe"，通过他控制组件。onchange事件内写入this.$refs.swipe.resize();
hhhhhhhhhhzy·2023-09-01 04:22

iOS UITableView嵌套UICollectionView，动态高度

具备知识UITableViewCell动态高度cell上子视图是一个UICollectionView需要让UICollectionView高度自适应举例（让UITableView高度自适应）动态高度.gif
梁森的简书·2023-09-01 00:04

微信小程序 动态加载swiper时不显示的问题（爬坑）

_touchstartHandlerForDevtools解决方法：因为小程序会保留上一次滑动swiper时候的current，所以会出现上次滑动到的current在这次的数据中不存在问题，所以，每次动态加载
九旬大爷的梦·2023-09-01 00:02

Avue crud 常用配置项

option:{height:'auto',//表格高度emptyText:"暂无数据哦~",//数据为空的提示calcHeight:30,//表格高度差（主要用于减去其他部分让表格高度自适应）searchShow
小白菜丨真香·2023-08-31 21:00

swiper4中会出现滑动最后有白屏现象解决

newSwiper('.swiper-container',{autoplay:false,init:false,loop:false,fr
wang_carrie·2023-08-31 18:17

vue3 使用 swiper轮播库

文章目录前言一、Swiper引入方式1、HTML标签引入方式2、CommonJs引入方式3、ES引入方式（采用）二、使用Swiper总结前言轮播图在前端开发中，是常见需求。
娃哈哈_·2023-08-31 18:01

Vue3列表竖向滚动（包含使用swiper的翻页效果）

一、使用element-plus表格进行滚动：可以满足的需求：表格一行一行竖向滚动，类似走马灯。不能满足的需求：表格分页竖向滚动，有翻页的效果。代码：{{(scope.$index+1)+(currentPage-1)*(pageSize)}}{{scope.row.name}}import{defineComponent,onMounted,reactive,ref,toRefs,nextTic
ᥬ 小月亮·2023-08-31 18:57

swiper禁止滑动

swiper禁止滑动，需要在最外层的容器上增加swiper-no-swiping
qq_38677540·2023-08-31 16:16

vue使用swiper7

下载npmiswiper使用import{Swiper,SwiperSlide}from"swiper/vue/swiper-vue";import"swiper/swiper.min.css";Swiper7
qq_38677540·2023-08-31 16:16

iOS WebView自适应高度（ScrollView嵌套滚动）

同时通过障眼法的方案实现了WKWebView的高度自适应。
麻辣柠檬·2023-08-31 15:24

vue-awsome-swiper垂直方向的匀速轮播

引入import{swiper,swiperSlide}from"vue-awesome-swiper";import"swiper/dist/css/swiper.css";注册components:
缤芬治·2023-08-31 12:45

uni-app swiper设置显示面板指示点的背景颜色与选中颜色

查看uni-app官网文档找到设置的背景与选中的属性为indicator-color、indicator-active-color，直接如下图所示进行设置，结果报错如下：原因：这两个属性直接赋值即可生效
东小记·2023-08-31 09:35

Vue3与.NET6实战之开发杂记3

使用Swiper实现轮播图老规矩，先看效果：关键代码如下：【(0.8x降速】当emo慢下来时播放量：1789.7万难忘经典：回放磁带里的青春岁月播放量：1789.7万音综封神现场：顶级编唱震撼人心播放量
栀梦星·2023-08-30 09:15

swiper联动侧边栏(带图片)

swiper联动侧边栏大家好，今天我们来学习一下swiper联动侧边栏，好好看，好好学，超详细的。
挣扎的工程师·2023-08-30 03:59

两个ViewPager的联动效果

（一）Viewpager高度自适应系统自动viewpager不能设
Abby代黎明·2023-08-29 19:50

Refused to apply style from 'http://localhost:8080/XXX.css' because its MIME type ('text/html') i...

发现问题：今天用express+node搭建静态前台登录页面时，遇见了一个坑报错说：Refusedtoapplystylefrom'http://localhost:8081/dist/css/swiper.min.css'becauseitsMIMEtype
Just韦·2023-08-29 19:19

css——宽度高度自适应

//width：固定宽度，如果浏览器的宽度小于给定的值，则会出现横向滚动条。//min-width：最小宽度，当浏览器缩小到一定程度时，元素中的布局可能会发生变化。如果想要保持布局不变，可以给该元素（如div)设置最小宽度属性。//把浏览器宽度缩小到min-width以下像素的时候，这个div不会再缩小，而浏览器就会产生滚动条。//max-width:最大宽度，若同时设置了width和max-wi
还需studystudy·2023-08-29 09:30

原生微信小程序 动态（横向，纵向）公告（广告）栏

先看一下动态效果Y轴滚动公告的原理是swiper组件在页面中的Y轴滚动，属性vertical，其余属性也设置一下autoplaycircularinterval="3000"X轴滚动的原理是，利用动画效果
前端小凯·2023-08-29 08:28

vue swiper 踩坑

由于需求要做成旋转木马的样式，所以项目现有的vantswiper组件貌似很难调成那个样式，所以找来找去，就入了swiper的坑首先vue项目先安装swipernpminstallswipervue-awesome-swiper
脸小话不多·2023-08-28 23:48

Vue项目中less实现样式穿透

今天在看一个慕课网上的视频时，遇到了一个小问题，问题是在我们使用轮播图插件vue-awesome-swiper时，发现轮播图分页器pagination的当前页的小圆点显示为蓝色，但是设计稿中显示为白色，
云墨-款哥的博客·2023-08-28 21:27

UITableViewHeaderView 自适应高度

tableViewHeader高度自适应headerView：内部约束撑起headerView初始化：lazyvarheaderView:BLGroupSingleSetHeaderView={letview
cochn·2023-08-28 11:46

vue2项目中使用swiper插件

vue2项目中使用swiper插件在昨天码完上一篇文章后，突然想起来自己写vue项目时，用的轮播都是element-uI里的。并不是说element-uI里的不好用，但毕竟swiper人家是专业的。
万物之恋·2023-08-28 09:46

Uniapp笔记（二）uniapp语法1

2、swiper组件swiper是滑动视图容器，经常看到的轮播图就是通过它来完成的swiper-item是swiper子组件，仅能放到swiper组件中swiper常用属性属性名类型默认值说明indicator-dotsBooleanfalse
鸣鲷有柒·2023-08-28 06:07
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他