轻量级智能穿戴开发基础组件：input

交互式组件，包括单选框，多选框，按钮。

子组件

不支持。

属性

名称	类型	默认值	必填	描述
type	string	button	否	input组件类型，可选值为button，checkbox，radio。 button，checkbox，radio不支持动态修改。可选值定义如下： button：定义可点击的按钮； checkbox：定义多选框； radio：定义单选按钮，允许在多个拥有相同name值的选项中选中其中一个；
checked	boolean	false	否	当前组件是否选中。
name	string	-	否	input组件的名称。
value	string	-	否	input组件的value值，当类型为radio时必填且相同name值的选项该值唯一。
id	string	-	否	组件的唯一标识。
style	string	-	否	组件的样式声明。
class	string	-	否	组件的样式类，用于引用样式表。
ref	string	-	否	用来指定指向子元素的引用信息，该引用将注册到父组件的$refs 属性对象上。

事件

• 当input类型为checkbox、radio时，支持如下事件：

  名称	参数	描述
  change	{ checked:true | false}	checkbox多选框或radio单选框的checked状态发生变化时触发该事件。
  click	-	点击动作触发该事件。
  longpress	-	长按动作触发该事件。
  swipe	SwipeEvent	组件上快速滑动后触发。

• 当input类型为button时，支持如下事件：

  名称	参数	描述
  click	-	点击动作触发该事件。
  longpress	-	长按动作触发该事件。
  swipe	SwipeEvent	组件上快速滑动后触发。

样式

名称	类型	默认值	必填	描述
color	<color>	#ffffff	否	单行输入框或者按钮的文本颜色。
font-size	<length>	30px	否	单行输入框或者按钮的文本尺寸。目前仅支持30px和38px 两个字体大小。
width	<length>	-	否	type为button时，默认值为100px。
height	<length>	-	否	type为button时，默认值为50px。
font-family	string	HYQiHei-65S	否	字体。目前仅支持HYQiHei-65S 字体。
padding	<length>	0	否	使用简写属性设置所有的内边距属性。
margin	<length>	0	否	使用简写属性设置所有的外边距属性，该属性可以有1到4个值。 只有一个值时，这个值会被指定给全部的四个边。 两个值时，第一个值被匹配给上和下，第二个值被匹配给左和右。 三个值时，第一个值被匹配给上, 第二个值被匹配给左和右，第三个值被匹配给下。 四个值时，会依次按上、右、下、左的顺序匹配 (即顺时针顺序)。
margin-[left|top|right|bottom]	<length>	0	否	设置左、上、右、下外边距属性。
border-width	<length>	0	否	使用简写属性设置元素的所有边框宽度。
border-color	<color>	black	否	使用简写属性设置元素的所有边框颜色。
border-radius	<length>	-	否	border-radius属性是设置元素的外边框圆角半径。
background-color	<color>	-	否	设置背景颜色。
display	string	flex	否	确定一个元素所产生的框的类型，可选值为： flex：弹性布局。 none：不渲染此元素。
[left|top]	<length>	-	否	left|top需要配合position样式使用，来确定元素的偏移位置。 left属性规定元素的左边缘。该属性定义了定位元素左外边距边界与其包含块左边界之间的偏移。 top属性规定元素的顶部边缘。该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。

本网站中的部分文档和示例代码来自第三方，您可通过NOTICE查看详情。