在第二大学远程实习中学习校园购物的学习笔记
1.轮播图
轮播图是在网购页面最常见的效果,可以轮换播放图片,或者由用户手动切换。
使用swiper滑动视图容器进行制作,其中常用属性如下:
Indicator-dots 是否显示轮播图指示点
Indicator-color 轮播图指示点背景色
Indicator-active-color 轮播图指示点颜色
Circular 是否衔接滑动
Autoplay 是否自动播放
Interval 自动切换时间间隔
注意点:swiper中仅能使用swiper-item组件,否则会到出现“未定义行为”的错误。
2.导航栏功能
在一个网页中,可以帮助用户快速找到用户所需内容。
使用scroll-view 可滚动视图制作。
常用属性如下:
Scroll-x 是否允许横向滚动
Scroll-y 是否允许纵想滚动
注意点:使用竖向滚动时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。
3.搜索框
在网页中输入关键字达到快速查看用户所需内容,这是最常见的。
使用input输入框原生组件制作。
常用属性如下:
Type 输入类型
Placeholder 在输入框为空时的占位
Focus 获取焦点(auto-focus 同作用,即将废弃)