天下程序员首页cx06.com
管理 |  登录 |  注册
媛媛
笔记(共18个) > uni-app学习笔记

uniapp零基础学习:scroll-view和swiper组件使用

阅读 1赞 0回复 2023-11-17 11:11:38

一,scroll-view组件可滚动视图区域。用于区域滚动即滑块。

首先用scroll-view写一个大的容器,css中属性确定在一行,在scroll-view中添加属性scroll-x(允许横向滚动)或者scroll-y(允许纵向滚动)(如下图)

二、swiper滑块视图容器(可以做banner轮播图)。插入提前做好图片,swiper添加属性autoplay(自动切换)等如下图。

总结,对于零基础还是有点难度的,可以先学会看uni-app官方组件,听明白后跟着动手多做几遍,简单的两个组件,我听了一上午,听懂了自己动手写的时候,漏洞百出,各种问题反复写了三次才完整写出来,本人也是相当ben的。


赞(1)

文章作者置顶的回复

全部回复列表 当前第(1)页

添加回复,文明发言,会审核.(服务区回复可以发广告)

作者最新笔记
天下程序员 www.cx06.com 程序员的网上家园!
作者微信:13126507001