小程序的页面,都存放在pages的目录里 ,以单独的文件夹存在
.js文件 (页面的脚本文件,存放页面的数据,事件处理函数)
.json(当前的配置文件,配置窗口的外观 )
.wxml文件(页面的模板)
.wxss文件(当前页面的样式表文件)
微信小程序——组件
1.分为九大类:(1)视图容器(2)基础容器(3)表单组件 (4) 导航组件 (5)媒体组件
(6)map地图组件(7)canvas画布组件(8)开放能力 (9)无障碍访问
2.常用的视图容器类组件
(1)view 普通视图区域,类似于HTML中的div,是一个块级元素,常用来实现页面的布局效果
( 2)scroll-view:可以滚动的视图区域,常用来实现滚动列表效果
(3)swiper/swiper-item:轮播图容器的组件和轮播图item组件
view组件的基本使用:
使用方法跟HTML中的div一样,例子如下:
scroll-view组件的基本使用:
实现滚动:纵向滚动:scroll-y
横向滚动:scroll-x
轮播图的使用:
在最外层要放swiper的容器, 有几个轮播图就放入几个项:swiper-item
swiper的常用属性: