《微信小程序开发从入门到实战》学习九十二

7.1 视图容器组件

7.1.2 scroll-view组件

设置滚动条位置时默认是没有动画过渡的,scroll-with-animation设置为true即可开启动画过渡效果。

enable-back-to-top设置为true,用户单击标题栏可以让scroll-view中的内容快速地回到最顶部。iOS单击标题栏即可,Android需要双击标题栏。

bindscrolltoupper、bindscrolltolower和bindscroll可以绑定事件监听函数。

使用scroll-view组件需要注意:

1、基础库2.4.0版本以下不支持嵌套textarea、map、canvas、video组件。

2、在scroll-view中滚动无法触发onPullDownRefresh

7.1.3 swiper与swiper-item组件

swiper是滑块容器组件,需要与swiper-item组件结合使用。swiper组件内部只能放swiper-item组件,在swiper-item组件中才可放其他内容。

每个swiper-item代表一个滑块的内容,同一时刻swiper组件只显示一个swiper-item的内容,左右滑动可以切换显示不同的swiper-item。

swiper组件的属性如下:

属性类型默认值说明最低版本
indicator-dotsboolenfalse是否显示面板指示点1.0.0
indicator-colorcolorrgba(0,0,0,0.3)指示点颜色1.1.0
indicator-active-colorcolor#000000当前选中的指示点颜色1.1.0
currentnumber0当前滑块所在的index1.0.0
autoplaybooleanfalse是否自动切换1.0.0
intervalnumber5000自动切换时间间隔1.0.0
durationnumber500滑动动画时长1.0.0
easing-functionstringdefault

指定swiper切换动画类型,可选值如下:

default:默认动画

linear:线性动画

easeInCubic:缓入动画

easeOutCubic:缓出动画

easeInOutCubic:缓入缓出动画

2.6.0
circularbooleanfalse是否采用衔接滑动1.0.0
verticalbooleanfalse滑动方向是否为纵向1.0.0
previous-marginstring0px前边距,可用于露出前一项的一小部分,接受px,rpx1.9.0
next-marginstring0px后边距,可用于露出后一项的一小部分,接受px,rpx1.9.0
display-multiple-itemnumber1同时显示的滑块数量1.9.0
bindchangeeventhandle

current改变时会触发chage事件,event.detail={current.source},source表示导致变更的原因,可能的值如下:

autoplay:自动播放

touch:用户滑动

空字符串:其他原因

1.0.0
bindtransitioneventhandleswiper-item的位置发生改变时会触发transition事件event.detail={dx:dx,dy:dy}2.4.3
bindanimationfinisheventhandle动画结束时会触发animationfinish事件,event.detail同上1.9.0

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/646825.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

vivado 接口、端口映射

接口 重要&#xff01;接口只能在“fpga”类型的&#xff1c;component&#xff1e;中定义。接口部分提供了<component>上所有可用物理接口的列表。<interfaces>部分包含嵌套在其中的一个或多个<interface>标记。一个接口是通过使用<port_map>标记由多…

Spring 声明式事务讲解,和 @Transactional注解的用法

目录 一、Spring框架介绍 二、什么是声明式事务 三、如何解决并发性事务问题 四、Transactional注解的用法 一、Spring框架介绍 Spring框架是一个开源的Java应用程序开发框架&#xff0c;旨在简化企业级Java应用程序的开发。它提供了一种轻量级的、全面的编程和配置模型&a…

进阶C语言-自定义类型

为了便于描述复杂的对象,C语言就支持了自定义类型&#xff0c;其中包括了结构体、枚举和联合体&#xff0c;下面将为大家一一介绍。 自定义类型 &#x1f388;1.结构体&#x1f50e;1.1结构的基础知识&#x1f50e;1.2结构的声明&#x1f50e;1.3特殊的声明&#x1f50e;1.4结构…

基于springboot在线学习平台源码和论文

在Internet高速发展的今天&#xff0c;我们生活的各个领域都涉及到计算机的应用&#xff0c;其中包括学习平台的网络应用&#xff0c;在外国学习平台已经是很普遍的方式&#xff0c;不过国内的管理平台可能还处于起步阶段。学习平台具有学习信息管理功能的选择。学习平台采用ja…

每天掌握一个软测高级技巧:接口自动化神器apin进阶操作

之前写了一篇关于接口自动化框架 apin 入门使用是文章&#xff0c;主要介绍了 apin 的安装以及用例编写的方法。 今天这篇文章来给大家聊聊&#xff0c;apin 中的一些高级使用技巧。比如依赖接口的变量提取和引用&#xff0c;用例断言&#xff0c;以及函数工具的使用。 01 变…

web安全学习笔记【09】——算法2

基础[1] 入门-算法逆向&散列对称非对称&JS源码逆向&AES&DES&RSA&SHA #知识点&#xff1a; 1、Web常规-系统&中间件&数据库&源码等 2、Web其他-前后端&软件&Docker&分配站等 3、Web拓展-CDN&WAF&OSS&反向&负载…

Web09--jQuery基础

1、jQuery概述 1.1 什么是jQuery jQuery是一款优秀的JavaScript的轻量级框架之一&#xff0c;封装了DOM操作、事件绑定、ajax等功能。特别值得一提的是基于jQuery平台的插件非常丰富&#xff0c;大多数前端业务场景都有其封装好的工具可直接使用。 jQuery下载和版本介绍 官…

Make.com的发送邮件功能已经登峰造极

make.com的发送邮件功能已经做到了登峰造极。 我给你个任务&#xff0c;让你发送个新邮件给谁谁&#xff0c;你一定想到SMTP服务器不就行了。 我给你第二个任务&#xff0c;我让你自动回复一个邮件&#xff0c;注意是回复。 做不到了吧&#xff5e;&#xff5e;&#xff01;…

TS基础知识点快速回顾(上)

基础介绍 什么是 TypeScript&#xff1f; TypeScript&#xff0c;简称 ts&#xff0c;是微软开发的一种静态的编程语言&#xff0c;它是 JavaScript 的超集。 那么它有什么特别之处呢? js 有的 ts 都有&#xff0c;所有js 代码都可以在 ts 里面运行。ts 支持类型支持&#…

一篇部署frp

利用宝塔第三方插件安装Frp穿透 参考网址&#xff1a;https://blog.csdn.net/qq_17754023/article/details/127438606 宝塔官方第三方插件下载 https://www.bt.cn/bbs/forum.php?modattachment&aidMzQ5MDF8MTBmM2E3YTh8MTYxNDk1MTY4MXwwfDM1OTY3 网盘下载&#xff1a; …

HTTP 基本概念

1. HTTP &#xff08;Hypertext Transfer Protocol&#xff09;超文本传输协议&#xff0c;是互联网上应用最为广泛的协议之一。 小林coding的解析特别通俗易懂 https://xiaolincoding.com/network/2_http/http_interview.html#http-%E6%98%AF%E4%BB%80%E4%B9%88 协议&#…

橘子学Mybatis09之Mybatis关于二级缓存的使用

前面我们说了一级缓存&#xff0c;但是实际上我们说那玩意其实不咋实用。于是既然设计了缓存体系&#xff0c;就不可能弄个不实用的给人们。所以这里就引出二级全局缓存。 全局缓存就是无视sqlSession&#xff0c;你可以理解为一个分布式的缓存。作为全局的访问。 一、二级缓存…

爬虫工作量由小到大的思维转变---<第三十九章 Scrapy-redis 常用的那个RetryMiddleware>

前言: 为什么要讲这个RetryMiddleware呢?因为他很重要~ 至少在你装配代理ip或者一切关于重试的时候需要用到!----最关键的是:大部分的教学视频里面,没有提及这个!!!! 正文: 源代码分析 这个RetryMiddleware是来自: from scrapy.downloadermiddlewares.retry import Retry…

Transfomer相关最新研究

文章目录 LogTrans * (有代码&#xff09;TFT &#xff08;有代码&#xff09;InfluTran &#xff08;有代码&#xff09;Informer *&#xff08;有代码&#xff09;&#xff08;长时间&#xff09;ProTranAutoformer ***&#xff08;有代码&#xff09;AliformerPyraformer &a…

JRT的无源码发布

之前介绍过JRT最大的特点就是业务脚本化。老javaer就会说你业务代码都在发布环境放着&#xff0c;那怎么代码保密&#xff0c;在发布环境别人随便改了启不是不安全&#xff0c;或者一些代码我就是不想让人看源码呢。 其实JRT的业务脚本化只是特性&#xff0c;不是代表就必须要…

选择排序(堆排序和topK问题)

选择排序 每一次从待排序的数据元素中选出最小&#xff08;或最大&#xff09;的一个元素&#xff0c;存放在序列的起始位置&#xff0c;直到全部待排序的数据元素排完 。 如果我们用扑克牌来举例&#xff0c;那么选择排序就像是提前已经把所有牌都摸完了&#xff0c;而再进行牌…

git commit 描述如何修改

git Commit 描述写错了&#xff0c;如何修改_git提交描述错误怎么修改-CSDN博客 1.git commit --amend 2.按一下 i 键&#xff0c;进入插入模式 3.修改成描述 4.按 esc 键退出&#xff0c;然后按shift:&#xff0c;然后输入 wq 就完成修改了

ROS1工作空间内多个包先后编译顺序、包内编译顺序

在ros工作空间里有packageA和packageB两个包&#xff0c;其中第二个包依赖第一个包。除了packageB的CMakeLists.txt中的find_package要加入第一个包外&#xff0c;还需要修改package.xml&#xff0c;保证catkin_make的编译顺序&#xff1a; packageB的package.xml&#xff1a;…

Java中文乱码浅析及解决方案

Java中文乱码浅析及解决方案 一、GBK和UTF-8编码方式二、idea和eclipse的默认编码方式三、解码和编码方法四、代码实现编码解码 五、额外知识扩展 一、GBK和UTF-8编码方式 如果采用的是UTF-8的编码方式&#xff0c;那么1个英文字母 占 1个字节&#xff0c;1个中文占3个字节如果…

list的介绍及其模拟实现

今天我们了解list&#xff0c;list在python中是列表的意思 &#xff0c;但是在C中它是一个带头双向循环链表&#xff1a; list的介绍 list是可以在常数范围内在任意位置进行插入和删除的序列式容器&#xff0c;并且该容器可以前后双向迭代。list的底层是双向链表结构&#xf…