轻量级智能穿戴开发基础组件：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

组件上快速滑动后触发。

名称	参数	描述
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查看详情。

轻量级智能穿戴开发基础组件：input相关推荐

智能穿戴开发需要什么技术_可穿戴技术–可穿戴应用开发技术
智能穿戴开发需要什么技术 Embracing the pleasant transition from desktop/laptop to smartphones, internet users ha ...
Unity3D开发基础组件提取总结
在游戏开发过程中,除了逻辑功能的开发之外,还有非常多基础的模块.这些模块,对大部分手机网络游戏来说都是一样的.所以,在上个游戏已经上线运营大半年之际,我认为有必要将这些模块整理出来.让后面其它游戏的开 ...
鸿蒙开发-基础组件介绍及chart组件使用
场景鸿蒙基于JS搭建HelloWorld并修改国际化文件: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118274050 在 ...
Solidity智能合约开发基础语法 | 文档 | 编译器汇总
文章目录前言 Solidity源文件布局 Solidity源文件布局-- import Solidity值类型 Solidity引用类型 Solidity地址类型地址类型成员变量地址成员变量用法 ...
华为HarmonyOS鸿蒙智能手表开发和设计需要知道的
华为HarmonyOS智能手表分为两类:(1)智能穿戴(2)轻量级智能穿戴智能穿戴产品目前只有:HUAWEI WATCH 3. 其他都是轻量级智能穿戴,如HUAWEI WATCH GT 2 Pro, ...
c# 无法加载oraops.dll_Robotstudio软件二次开发：基于C#语言的Smart组件开发基础
Robotstudio软件除了支持Add-Ins插件的二次开发以外,还支持Smart组件的二次开发.开发语言同样是基于.NET框架的C#语言或VB语言.Smart组件是Robotstudio软件中实现 ...
c#获取autocad安装位置_Robotstudio软件二次开发：基于C#语言的Smart组件开发基础
Robotstudio软件除了支持Add-Ins插件的二次开发以外,还支持Smart组件的二次开发. 开发语言同样是基于 .NET框架的C#语言或VB语言. Smart组件是Robotstudio软件 ...
IOS开发基础之屏幕组件适配添加约束
IOS开发基础之屏幕组件适配添加约束使得横屏显示也能自动适配对齐我们可以按住Ctrl键,把控件连线至view中如果我们不小心添加错了.可以清除掉约束具体约束可以在右边查看 by johnson ...
Android开发基础（四大组件及Intent）
一.Android开发的四大组件: 1.Activity:(通常展现一个可视化的用户界面) (1)一个Activity通常就是一个单独的屏幕(窗口). (2)Activity之间通过Intent进行通 ...

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

子组件

属性

事件

样式

轻量级智能穿戴开发基础组件：input相关推荐

最新文章

热门文章