21-3-29 小程序学习 001

组件学习笔记

1、view 类似于HTML 中的div

内置属性：
	 hover-class=“类名”     //  指定按下去的样式类。当 hover-class="none" 时，没有点击态效果
	 hover-stop-propagation  //  指定是否阻止本节点的祖先节点出现点击态(阻止冒泡)
	 hover-start-time=“时间（毫秒）”  //  按住后多久出现点击态，单位毫秒
	 hover-stay-time=“时间（毫秒）”  // 手指松开后点击态保留时间，单位毫秒

2、text 文本内容

3、image 图片组件

内置属性：
	src=“地址”   //图片地址
	mode= “ ”    //图片裁剪、缩放的模式
	show-menu-by-longpress  //开启长按图片显示识别小程序码菜单
	
mode属性值：
	widthFix	    缩放模式，宽度不变，高度自动变化，保持原图宽高比不变	
	heightFix	    缩放模式，高度不变，宽度自动变化，保持原图宽高比不变
	scaleToFill   缩放模式，不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素	
	aspectFit	    缩放模式，保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。	
	aspectFill	    缩放模式，保持纵横比缩放图片，只保证图片的短边能完全显示出来。
					也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取。	

4、navigator 跳转链接

url=“ 页面地址”    //当前小程序内的跳转链接
hover-stop-propagation // 阻止冒泡

open-type=“”      //跳转方式

5、scroll-view 可滚动试图区域

scroll-x  	boolean			false	否	允许横向滚动	
scroll-y 	boolean			false	否	允许纵向滚动
scroll-top	number/string			否	设置竖向滚动条位置	
scroll-left	number/string			否	设置横向滚动条位置

6、swiper 滑块试图容器

indicator-dots			boolean		false				否		是否显示面板指示点	1.0.0
indicator-color			color		rgba(0, 0, 0, .3)	否		指示点颜色	1.1.0
indicator-active-color	color		#000000				否		当前选中的指示点颜色	1.1.0
autoplay				boolean		false				否		是否自动切换	1.0.0
current	number							0				否		当前所在滑块的 index	1.0.0
interval				number		5000				否		自动切换时间间隔	1.0.0
duration				number		500					否		滑动动画时长	1.0.0
circular				boolean		false				否		是否采用衔接滑动	1.0.0
vertical				boolean		false				否		滑动方向是否为纵向

swiper-item 配合swiper使用，可以指定滑动栏，轮播图等。

7、button 按钮

属性包括按钮样式，按钮功能函数，是否可点，open-type 微信开放工能，等功能，具体查看官方文档。

8、input 输入框

初始值，样式，提示，长度限制，是否聚焦，自动聚焦时，距离打开的键盘的距离…等
和按钮差不多，具体工能插查看官方文档。