uni-app移动应用开发第四章

第四章:uni-app组件

一.预习笔记

1.rich-text:富文本组件,可以解析HTML标签

nodes:识别html字符串
nodes:识别节点数组

其它属性参考书本101页表4-3

2.progress:进度条组件

3.button:按钮组件

@click是button按钮中最重要的操作

1.scroll-view:可滚动视图组件实现区域滚动

scroll-y:允许纵向滚动
scroll-x:允许横向滚动
scroll-top:设置纵向滚动条的起始位置
scroll-top:设置横向滚动条的起始位置
@scrolltoupper:当滚动条滚动到顶部的时候触发
@scrolltolower:当滚动条滚动到底部的时候触发
@scroll:滚动条滚动时触发
this.$nextTick():是 Vue 提供的方法:将回调延迟到下一次 DOM 更新循环之后执行/等上面的代码执行完之后再执行
更多参数参考书本93页表4-1

实践代码截图



2.swiper组件:滑块组件

indicator-dots:是否显示面板指示点
indicator-color:指示点默认颜色
indicator-active-color:指示点显示时对应的颜色
autoplay:自动播放的设置
interval:下一张动画完全进入的时长
duration:当前华东篇显示的持续时长
更多参数参考书本96页表4-2

### 实践代码截图


二.课堂笔记

三.课后回顾

--行动是治愈恐惧的良药,犹豫拖延将不断滋养恐惧

相关推荐
前端Hardy8 分钟前
GitHub 爆火!Three.js + React + ECharts 打造最强数据大屏
前端·javascript
J2虾虾13 分钟前
C 语言 void 完全用法
c语言·开发语言
会Tk矩阵群控的小木30 分钟前
基于Python的iMessage短信群发与社媒多账号统一管理系统实现
开发语言·windows·python·新媒体运营·开源软件·个人开发
我是一颗柠檬33 分钟前
【Java项目技术亮点】分库分表+数据路由策略:单表5000万后的架构升级方案
java·开发语言·分布式·架构
wu_ye_m35 分钟前
学习c语言第35天 函数声明和定义
c语言·开发语言·学习
njsgcs43 分钟前
c# solidworks 创建装配体工程图+bom
开发语言·c#·solidworks
数据知道44 分钟前
视觉伪装(下):WebGL 渲染器与厂商特征的底层伪造与屏蔽
javascript·数据采集·webgl·指纹浏览器
东风破_1 小时前
JS 数据类型:从八种分类到栈与堆的内存真相
javascript
YIAN1 小时前
# 从入门到封装:一文搞懂 Fetch API 所有用法(新手友好)
前端·javascript
小林敲代码77881 小时前
记录一下IDEA中很多变量变色的方案
java·开发语言·spring boot·idea