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

### 实践代码截图


二.课堂笔记

三.课后回顾

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

相关推荐
小徐_23338 小时前
Wot UI 2.2.0 发布:Button 新增 subtle,VideoPreview 预览体验继续增强
前端·微信小程序·uni-app
山河木马10 小时前
矩阵专题3-怎么创建投影矩阵(uProjectionMatrix)
javascript·webgl·计算机图形学
泯泷11 小时前
第 2 篇:设计第一套字节码:Opcode、Instruction 与 Constant Pool
前端·javascript·安全
泯泷11 小时前
第 1 篇:从 1 + 2 开始:亲手写出第一台 JSVM
前端·javascript·安全
朦胧之12 小时前
页面白屏卡住排查方法
前端·javascript
犇驫聊AI13 小时前
Chrome DevTools MCP + Claude Code 自定义skills生成接口代码生成器
前端·javascript
kyriewen13 小时前
别再这样写 async/await 了:我在 Code Review 中见过最多的 8 个错误
前端·javascript·面试
用户2986985301418 小时前
在 React 中使用 JavaScript 将 Excel 转换为 SVG
前端·javascript·react.js
labixiong18 小时前
手写Promise--微任务、静态方法、async/await 全搞懂(三)
前端·javascript
铁皮饭盒20 小时前
3行代码搞定页面截图,Bun.WebView真的简单
javascript