小程序-内置组件

小程序内置组件常用属性

text （行内元素）

• selectable 长按是否可选
• space 文本空格大小
• decode 解码文本

Button （块元素）

• size大小
• type 样式
• plain 镂空
• disable 不可用
• loading 动态加载显示转圈
• hover-class 样式修改
• open-type 获取特殊权限

View（块元素）

• hover-class 当手指按下组建时显示样式
• hover-stay-time 停留时间
• hover-stop-propagation 阻止冒泡

image（单、双标签、行内块级元素）

• 让用户在本地相册中选择图片或拍照（系统API ）
  wx.chooseImage
• lazy-load 懒加载
• bindload 加载完成监听
• show-menu-by-longpress 识别小程序码
• mode 若图片尺寸小于image尺寸就会被拉伸（默认）

input

• value 默认值
• type 决定键盘类型 （文本/数字/身份证）
• password 密文
• placeholder 提示
• confirm-type 键盘下面在右下角
• input 绑定事件
  ①bindinput：用户输入信息
  ②bindfocus：获得焦点
  ③bindblur：失去焦点

scroll-view 局部滚动

• 垂直滚动 scroll-y

wxml文件：
<scorll-view class='container2' scroll-y>
	<view wx:for="{{10}}"  class='item2'> {{item}}</view>
</scroll-view>
wxss文件：
.container2{
	background:orange;
	height:200px;
}
.item2{
	height:100px;
	background:blue;
	margin:10px;
}

• 水平滚动 scroll-x

wxml文件：
<scorll-view class='container1' scroll-x>
	<view wx:for="{{10}}"  class='item1'> {{item}}</view>
</scroll-view>
wxss文件：
.container1{
	background:purple;
	white-space:nowrap;
}
.item1{
	width:100px;
	height:100px;
	background:red;
	margin:10px;
	display:inline-block;
}