swiper高度自适应

零基础教你学前端——85、高度自适应

这节课，我们学习如何让元素的宽度和高度在容器里自适应。什么是宽高自适应呢？页面里有两个div，开始的时候宽度都是800px，当我们将浏览器窗口的宽度拖动到小于800px的时候，我们发现：上面的div宽度固定，一部分被隐藏在屏幕外；下面div的宽度会自动适应屏幕宽度缩小的变化。我们把这种元素的宽或高，能够随着屏幕的宽高变化而变化的能力，叫做宽高自适应。下面，我们就通过代码来实现元素的宽高自适应。创建
·2023-01-06 17:09

vue中iframe使用以及结合postMessage实现跨域通信

目录使用场景需求iframe使用基本使用常用属性iframe高度自适应获取iframe的内容同域下获取父级/子级内容iframe跨域postMessage通信在vue中使用使用场景需求在一个H5项目的页面中以
·2022-12-31 15:08

小程序项目开发

视图层ViewWXML1数据绑定2.列表渲染3.条件渲染4.模板5.数据处理二，轮播图--组件的使用1.WXSS样式导入内联样式选择器全局样式与局部样式WXS页面渲染三，OA首页的布局配置tabbarswiper
呼啦啦dxy·2022-12-27 13:47

小程序之首页搭建——Flex布局

ViewWXML数据绑定列表渲染条件渲染模板WXSS尺寸单位样式导入内联样式选择器全局样式与局部样式WXS示例注意事项页面渲染数据处理会议OA项目-首页前言叙述目标配置tabbarmock工具pageswiper
.十六分的音符.·2022-12-27 08:36

如何通过Fit实现自适应内容

Fit属性能够使容器的高度自适应容器内的内容效果展示前置准备1.使用流式布局及循环容器实现的内容列表具体步骤1.设置Fit高度步骤分解1.设置Fit高度官网链接：https://www.towify.com
·2022-12-26 11:00

如何通过Fit实现自适应内容

Fit属性能够使容器的高度自适应容器内的内容效果展示前置准备1.使用流式布局及循环容器实现的内容列表具体步骤1.设置Fit高度步骤分解1.设置Fit高度官网链接：https://www.towify.com
·2022-12-26 11:25

React单页面Url路径及懒加载react-lazyload

专题内容：首页：展示十五条线路内容详情页：每条线路的详情内容，图片、文字内容、电话信息内容没什么好说的，很简单，敲页面就行了首页：当天就要出，所以首页的十五条信息直接切了15张图详情页：很丑的一个页面，swiper
ATWLee·2022-12-25 13:37

轮播图高度自适应_【2020顶会NIPS】用于交通预测的自适应图卷积循环网络

就idea来说，这篇文章整体感觉亮点只有参数分解一处，其他的自适应网络结构，之前已经有文章研究，如果在计算方面有需求，或者是网络节点较多的应用可以参考这篇文章。AdaptiveGraphConvolutionalRecurrentNetworkforTrafficForecasting摘要：在相关的时间序列数据中建立复杂的时空关联对于理解交通动力学和预测交通系统的未来状态是必不可少的。最近的工作集
林社会事务·2022-12-24 10:22

小程序组件的基本使用

画布组件开放能力无障碍访问1.2、常用的视图容器类组件①view普通视图区域类似于HTML中的div，是一个块级元素常用来实现页面的布局效果②scroll-view可滚动的视图区域常用来实现滚动列表效果③swiper
为什么要学习·2022-12-19 11:35

当一个swiper组件在vue项目组中使用两次，第二次效果会覆盖第一次效果的解决办法：

原因是：当你第二次使用同一个组件的时候：newSwiper('.swiper'，{})两次实例化swiper，但是实例化的是同一个swiper：就是“.swiper”，所以下一次会把上一次给覆盖了，解决办法是
陌一一·2022-12-19 07:44

不断更新uniapp遇到的坑

{"navigationBarTitleText":"渔书"//不写逗号//#ifdefAPP-PLUS||H5,//逗号的位置"navigationStyle":"custom"//#endif}}swiper
·2022-12-15 20:09

常用的Swiper属性

转载于：https://blog.csdn.net/zhang_z97/article/details/81623549varswiper=newSwiper('.swiper-container',{
iceseasyh·2022-12-14 16:55

「微信小程序开发 | 轮播图」

微信小程序开发中轮播图的实现，一般是用swiper滑块视图容器。微信小程序开发文档https://developers.weixin.qq....
·2022-12-14 16:07

vue中使用swiper轮播图的正确姿势(亲测有效)

目录前言1.新建vue项目2.装swiper的包3.使用swiper总结前言网上搜了一大堆在vue中如何使用swiper，结果搜出来一堆垃圾，也不知道从哪里复制的，吐槽完毕。
·2022-12-13 18:39

Unity 基于PDFViewer制作读取横板PDF，改为横向滑动读取并做自适应（可网络同步）

1、第一个读取PDF地址1、PDF_BG可以随意拉伸，匹配显示面板2、PDFMask是PDF显示范围，根据高度自适应PDF_BG3、子物体0、1、2是三张并排RawImage，用来轮播做无缝操作usingDG.Tweening
_一只小QQ·2022-12-13 03:05

HTML5 实现自动轮播

目录功能概要：效果图：原生js实现轮播图使用swiper插件实现自动轮播1.安装swiper包2.在页面中引入swiper代码3.swiper代码的使用使用element-ui插件实现自动轮播1.安装element-ui
清风 与我·2022-12-09 14:10

第四十一篇 指令中的VNode

VNode前面讲到了自定义指令的引入使用，以及结合封装swiper组件一起进行结合使用，还记在inserted指令生命周期当中使用的参数吗？
灵魂学者·2022-12-09 13:45

微信小程序开发基础入门笔记

app.js4.运算=>表达式5.列表循环6.对象循环7.block8.条件渲染9.input数据绑定10.1样式wxss10.2样式导入10.3使用less11.view和text12.image13.swiper14
宇宙华·2022-12-03 21:00

【uni-app】swiper的使用

最近在学习小程序的开发，其中有用到swiper，在这里记录一下我的学习历程有一些人，他刚开始并不会开发小程序，但是在任务面前，没有什么是不可以学的…刚开始接触到swiper的时候，是在uni-app的官方文档里
菜鸟成长史__·2022-11-29 19:06

uni-app + uview系列的项目遇见的swiper不能自适应，时间轴，tabs，app开启震动反馈等。

uni-app+uview系列的项目遇见的swiper不能自适应，时间轴，tabs，app开启震动反馈等。
前端菜鸟啊辉·2022-11-29 19:34

P177-解决吸顶效果-TabControl的offsetTop获取分析

*监听HomeSwiper中img的加
m0_51414342·2022-11-22 06:03

前端工具集合（js框架、ui框架、开发工具...）

vant）：Vant-MobileUIComponentsbuiltonVuevite2：开始{#getting-started}|Vite中文网ant-design-vue：AntDesignVueswiper
겐호 3·2022-11-22 04:00

(Taro篇)如何自定义小程序Swiper面板指示点的样式

效果图轮播组件jsximport{Component}from'react'import{Swiper,SwiperItem,Image,View}from'@tarojs/components'import
沐言TalkMu·2022-11-19 20:16

Android App事件交互Event之模仿京东App实现下拉刷新功能（附源码 可直接使用）

的首页通常都支持下拉刷新，比如京东首页的头部轮播图一直顶到系统的状态栏，并且页面下拉到顶后，继续下拉会拉出带有下拉刷新字样的布局，此时松手会触发页面的刷新动作，虽然Android提供了专门的下拉刷新布局SwipeRefreshLayout
showswoller·2022-11-19 11:16

千锋｜济南 | 良心教育职业年薪 20-40 w诚聘前端讲师

对各终端的页面适配有深入的理解和项目经验；（3）精通JavaScript，熟悉ES5/ES6，熟悉HTTP协议、REST风格协议等；（4）熟练使用常见的移动端开发框架与库，如CSS库、Zepto/jQuery、iScroll及Swiper
·2022-11-16 23:19

masonry 实现tableview headerView高度自适应+富文本图文混排

设置headerview约束#import"EditorHeaderView.h"#import-(void)bankViewInit{[selfaddSubview:self.titleLabel];[selfaddSubview:self.contentPromptLabel];[self.titleLabelmas_makeConstraints:^(MASConstraintMaker*m
大宝来巡山·2022-11-11 11:10

控制Swiper切换到指定swiper-slide

背景：移动端产品列表页，产品类别横向滚动展示，如下图选中"类别4"跳转加载新数据，swiper滚动一定距离使"类别4"居中显示。
丹婶·2022-11-11 00:16

Vue2中使用Swiper3、4简单实用教程

一、安装Swiper使用Swiper的时候，一定要将Swiper版本和Vue版本对应上，否则将会报错本教程使用Vue2、VueCli脚手架和Swiper3作为demo首先使用npminstall安装Swiper3npminstallswipervue-awesome-swiper
PENG越·2022-11-10 16:18

微信小程序学习之常用的视图组件

目录一.常用的视图组件1.view2.scroll-view3.swiper和swiper-item4.text5.rich-text6.button7.image8.navigator总结一.常用的视图组件
·2022-11-07 15:58

webAPI学习大纲梳理（二）

swipe插件完成员工信息操作22-01-swiper插件使用22-02-swiper插件配置22-03-如何添加移动端轮播图22-04-员工信息表-练习说明和布局分析22-05-员工信息表-阻止提交事件
云松编程·2022-11-06 14:22

Android SwipeRefreshLayout超详细讲解

目录1.控件说明2.API介绍3.使用方法3.1布局文件3.2界面代码4.注意事项1.控件说明SwipeRefreshLayout是google官方推荐使用的下拉刷新的控件，如果用户想通过垂直滑动手势刷新视图的内容
·2022-11-03 14:09

【小程序从0到1】小程序常用组件一览

React/小程序React/小程序React/小程序，中间穿插了一些基础知识的回顾博客主页codeMak1r.小新的博客本文目录常用的视图容器组件view组件的基本使用scroll-view组件的基本使用swiper
codeMak1r.小新·2022-10-27 13:00

vue + element-ui 聊天_vue网页版聊天Vue+ElementUI仿微信界面聊天实例

vue+vuex+vue-cli+vue-router+element-ui+swiper等技术开发仿微信pc端界面聊天应用，实现了发送消息+表情(动图gif)、图片/视频预览、右键长按菜单、红包/朋友圈
weixin_39592315·2022-10-25 22:09

前端学习：vue3.0+tsx网易云移动端仿制版（部分遇到的问题以及解决办法）

使用到的技术前端vue3.0+tsrem布局更好适应不同移动端scssswiper.js首页轮播+部分内容滑动+搜索页tab后端node.js思路使用vue3.0+ts进行开发；cli安装方式在模块第一条
梦回吖·2022-10-15 17:10

微信小程序学习之组件

目录一.常用的视图组件1.view2.scroll-view3.swiper和swiper-item4.text5.rich-text6.button7.image8.navigator一.常用的视图组件
瘾ิۣۖิۣۖิۣۖิꦿ·2022-10-09 21:31

微信小程序的宿主环境实现代码

目录小程序的宿主环境-组件1.scroll-view组件的基本使用2.swiper和swiper-item组件的基本使用3.text组件的基本使用4.rich-text组件的基本使用小程序的宿主环境-组件
·2022-10-06 16:36

Swiper如何实现两行四列轮播图效果实例

目录案例效果基本样式所需文件循环遍历总结案例效果基本样式.icons{width:100%;overflow:hidden;}.icons-item{width:25%;height:0;padding-bottom:25%;float:left;}.icons-itemimg{width:1.1rem;height:1.1rem;display:block;margin:0auto;paddin
·2022-10-06 16:35

vue3中使用swiper8

最新swiper使用记录swiper中文APIswiper英文版API建议看此API"vue":"^3.2.37""swiper":"8.3.2"安装npmiswiper在组件中导入swiperimport
·2022-10-05 12:27

swiper滑动失效的情况解决办法

varaddress_side=newSwiper('#address_side',{observer:true,//修改swiper自己或子元素时，自动初始化swiper默认为falseobserveParents
半开半落·2022-10-02 07:08

ajax循环播放轮播,解决ajax异步请求数据后swiper不能循环轮播(loop失效)问题、滑动后不能轮播的问题。...

2、分析：swiper的机制是：初始化的时候将swiper-warpperslide类下的最后一个swiper-slide块克隆到第一个的位置，将第一个swiper-slide块克隆岛最后一个的位置，然后自动扫描
weixin_39678103·2022-10-02 07:06

swiper设置不需要无缝滚动_解决swiper.js中无缝轮播的问题。

因为偷懒用的是swiper.js插件编写的。swiper.js自动轮播的时候都会有自动停顿，各种调研都没有合适的方法，只有慢慢摸索。
weixin_39719165·2022-10-02 07:35

vue 获取滑动方向指令/左/右/上/下 v-touch

return{};},directives:{//滑动指令touch:{bind:function(el,binding,vnode){vartouchType=binding.arg;//传入的模式pressswipeRightswipeLeftswipeTopswipeDowmTapvartimeOutEvent
织_网·2022-09-29 18:25

Flutter 常用第三方库

card_swiper卡片切换库，可用于图片视频预览Rive动画之一-----Rivehttps://blog.csdn.net/Calvin_zhou/article/details/116596081lottie
陆断枫·2022-09-29 15:22

小程序 | 常见的小程序视图容器类组件 + 常见的小程序基础内容组件 + 小程序的构成 + 小程序的宿主环境

WXSS样式JS逻辑交互小程序的宿主环境宿主环境简介通信模型运行机制小程序启动的过程页面渲染的过程组件小程序中组件的分类⭐常用的视图容器类组件view组件的基本使用scroll-view组件的基本使用swiper
不爱吃菜的蔡菜·2022-09-29 09:00

三、uni-app固定或直达某一页面的方法

condition":{//模式配置，仅开发期间生效"current":0,//当前激活的模式（list的索引项）"list":[{"name":"swiper",//模式名称"path":"pages
Ming-Afresh·2022-09-28 12:44

设置swiper中某个单个swiper-slide的停留时间

某个slide上设置单独的停留时间，例
追根溯源·2022-09-28 06:39

【微信小程序入门到精通】— swiper 超详细的属性值讲解！确定不来看看？

目录前言swiper组件的常用属性值轮播图指示点显示（indicator-dots）指示点颜色（indicator-color）改变当前指示点颜色（indicator-active-color）轮播图自动播放
一碗黄豆酱·2022-09-28 06:59

快速拿下 swiper 和 swiper-item

目录前言一、轮播图介绍二、swiper和swiper-item介绍2.1构建轮播图结构（.wxml）2.2样式设置（.wxss）总结前言对于目前形式，微信小程序是一个热门，那么我们该如何去学习并且掌握之后去做实际项目呢
一碗黄豆酱·2022-09-28 06:29

flutter 与WebView相关的需求整理（推荐）

app的开发中，或多或少都离不开需要使用到WebView来加载H5页面等需求，本篇文章主要讲解下Flutter中与WebView相关的几个需求的实现，具体包含以下几种情况：0，加载Html富文本内容且高度自适应
智玲君·2022-09-26 17:37

CSS——网易云音乐首页之轮播图的实现（完整版）

这里也有涉及swiper插件的使用，关于使用方法在以往的文章有过介绍，不了解的同学欢迎翻阅~一、结构的分析效果图：结构分析首先，我们可以把结构划分为里外两个部分，外面的
Bonsoir777·2022-09-22 20:33
上一页 24 25 26 27 28 29 30 31 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他