车载语音触摸屏控件

更新时间：2021-12-01

车载语音触摸屏控件

一、控件汇总

控件	名称	控件	名称	控件	名称
click	点击	input	输入	scroll-horizontal	横向滑动
scroll-vertical	纵向滑动	favorite	收藏	select	选择
pager	页面切换	back	返回	search	搜索
sort	排序	delete	删除	pay	发起支付
navi	导航	expand	查看更多	clear	清楚
confirm	正向反馈	cancel	取消	buy_members	购买会员
order	订单查询	phone	打电话	tab	Tab切换
close	关闭	login	登录	list_control	列表控制
pick_range	范围选择	pick_time	时间选择	pick_date	日期选择
pick_item	份数选择

二、控件用法

1、click

用法：
1.页面上支持点击操作的控件；
2.通过view标签下添加 vsl 属性 voice-type = 'click' voice-tag = 'view显示的text内容' ；
3.如果是列表还可以添加 voice-index = '1' 就能支持点击第几个的指令,index 从1 开始
4.如果需要区分触控和语音操做，可以通过bindvsl 属性绑定一个函数处理语音指令命中后的操作
支持的句式
1、打开（XXX or 第x个）
2、点击（XXX or 第x个）
3、查看（XXX or 第x个）
4、选择（XXX or 第x个)
example
用法：用户可以说打开翻页控制，查看翻页控制，点击翻页控制等

2、input

用法
1.在界面上填写表单是使用
2.通过view标签下添加 vsl 属性 voice-type = 'input'
3.如果界面上有多个输入框可以通过添加vsl 标签 voice-tag = '姓名'
4.如果是以下四种特殊类型的输入，可以配置vsl 属性 voice-name =‘time’
四种特殊类型
1、时间：voice-name='time'
2、电话：voice-name='phone'
3、城市：voice-name='city'
4、地址：voice-name='address'
5、默认情况下框架会自动把输入内容填充到输入框内，对特殊类型需要特殊处理的需要添加bindvsl处理返回结果

 vsl:{
       	id:"dsfs",type:"input",
       	data:{
       		content:"语音输入的内容",
       		data:{
       			//voice-name="time"时的返回值，
       			time:2020-9-30:20:00:00 
       			// 以下字段voice-name为 city或者address 时返回
       			city:"北京市",
       			city_code:"110100",
       			county:"海淀区",
       			county_code:"110108",
       			province:"北京市",
       			province_code:"110000",
       			town:"马连洼街道",
       			town_code:"",
       			detail:"西北旺东路10号院百度科技园",
       			/ 以下字段voice-name为 phone 时返回
       			person:"张三",phonenum:"13888888888"
       		}
       	}
       }

支持句式
1、输入 xxxxx
2、城市输入 xxxxx
3、日期输入 xxxxx
4、地址输入 xxxxx
extample

<iovauto-vsl>
			<view class="userinfo" voice-type="input" voice-name="address" bindvsl="inputAdress">
				<view class="card-area">
             		<view class="top-description border-bottom">省</view>
                	<input class="normalInput" value="{{pro}}" placeholder="请在此输入省份" />
            	</view>
            	<view class="card-area">
					<view class="top-description border-bottom">市</view>
                	<input class="normalInput" value="{{city}}" placeholder="请在此输入城市" />
           	</view>
            	<view class="card-area">
                	<view class="top-description border-bottom">区</view>
                	<input class="normalInput" value="{{county}}" placeholder="请在此输入区县" />
            	</view>
           	<view class="card-area">
                	<view class="top-description border-bottom">街道 </view>
                	<input class="normalInput" value="{{town}}" placeholder="请在此输入街道" />
            	</view>
            	<view class="card-area">
                	<view class="top-description border-bottom">详细地址</view>
                	<input class="normalInput" value="{{detail}}" placeholder="请在此输入详细地址" />
            	</view>
   		</view>
   </iovauto-vsl>

js 代码

inputAdress(vsl) {
       			let data = vsl.vsl.data.data
       			this.setData({
            				pro:data.province,
            				city:data.city,
            				county:data.county,
            				town:data.town,
            				detail:data.detail
       			 })
    }
     输入文本内容，用户可以说姓名输入张三，就会自动填充 “张三”
	
		<iovauto-vsl>
			<view class="userinfo">
            	<view class="card-area">
                	<view class="top-description border-bottom">姓名</view>
            		<input class="normalInput" voice-type="input" voice-tag="姓名" placeholder="请在此输入电话" />
            	</view>
        	</view>
		</iovauto-vsl>

3、scroll-horizontal

用法
1.界面上有横向滑动列表时使用，可以支持左右滚动和回到顶部
2.通过view标签下添加 vsl 属性 voice-type = 'scroll-horizontal'
3.如果界面上有多个横向滚动列表可以通过添加vsl 标签 voice-tag = '通信录'
4.一般不需要开发者处理滚动的语音事件，如果有特殊需要自己处理的可以用bindvsl 拦截
支持句式
1、向左/右滑动/滚动
2、滚动到最左/右边
3、回到顶部
extample

<iovauto-vsl>
			<view class="card-area">
       		<view class="top-description">通信录 </view>
       			<scroll-view voice-type="scroll-horizontal" voice-tag="通信录" class="scroll-view" scroll-x="{{true}}"
						scroll-left="{= scrollLeft =}" bindvsl="scroll">
						<view class="color-a row-view" bindvsl="phone" voice-type="phone" voice-tag="张三" voice-index="1">张三 </view>
						<view class="color-b row-view" bindvsl="phone" voice-type="phone" voice-tag="李四" voice-index="2">李四 </view>
						<view class="color-c row-view" bindvsl="phone" voice-type="phone" voice-tag="王老五" voice-index="3">王老五 </view>
				 </scroll-view>
			</view>
 </iovauto-vsl>

4、scroll-vertical

用法
1.界面上有纵向滑动列表时使用，可以支持上下滚动和回到顶部
2.通过view标签下添加 vsl 属性 voice-type = 'scroll-vertical'
3.如果界面上有多个纵向向滚动列表可以通过添加vsl 标签 voice-tag = '通信录'
4.一般不需要开发者处理滚动的语音事件，如果有特殊需要自己处理的可以用bindvsl 拦截
支持句式
1、向上/下滑动/滚动
2、滚动到最上/下边
3、回到顶部
extample

<iovauto-vsl>
			 <view class="card-area">
				<view class="top-description">通信录 </view>
       			<scroll-view voice-type="scroll-vertical" voice-tag="通信录" class="scroll-view" scroll-y="{{true}}" scroll-left="{= scrollLeft =}" bindvsl="scroll">
					<view class="color-a row-view" bindvsl="phone" voice-type="phone" voice-tag="张三" voice-index="1">张三 </view>
					<view class="color-b row-view" bindvsl="phone" voice-type="phone" voice-tag="李四" voice-index="2">李四 </view>
					<view class="color-c row-view" bindvsl="phone" voice-type="phone" voice-tag="王老五" voice-index="3">王老五 </view>
				</scroll-view>
			</view>
 </iovauto-vsl>

5、favorite

用法
1.界面上需要有收藏或者取消收藏的按钮时可以使用
2.通过view标签下添加 vsl 属性 voice-type = 'favorite' voice-tag = 'view显示的text内容' ；
3.如果是列表还可以添加 voice-index = '1' 就能支持收藏第几个的指令,index 从1开始
4.通过bindvsl 属性绑定一个函数处理语音指令命中后的操作
返回结果协议如下

	vsl:{
         		id:"",
         		type:"favorite",
         		data:{
         		   	action:"add/remove" //action中 add为添加收藏，remove为取消收藏
         		}
         	}

支持句式
1、收藏/取消收藏 xxxx
2、xxx 添加收藏/取消收藏
3、收藏/取消收藏第x个
4、第x个添加收藏/取消收藏
extample
用户可以说收藏第一个小程序/收藏加油小程序

<iovauto-vsl>
			<view class="userinfo" bindvsl="favorite" voice-type="favorite" voice-tag="洗车小程序" voice-index="1">洗车小程序 </view>
			<view class="userinfo" bindvsl="favorite" voice-type="favorite" voice-tag="加油小程序" voice-index="2">加油小程序 </view>
			<view class="userinfo" bindvsl="favorite" voice-type="favorite" voice-tag="爱奇艺小程序" voice-index="3">爱奇艺小程序 </view>
		</iovauto-vsl>

6、select

用法
1.页面上支持点击/或者列表选择操作时使用，和click 控件可以互用；
2.通过view标签下添加 vsl 属性 voice-type = 'select' voice-tag = 'view显示的text内容' ；
3.如果是列表还可以添加 voice-index = '1' 就能支持选择第几个的指令,index 从1 开始
4.如果需要区分触控和语音操做，可以通过bindvsl 属性绑定一个函数处理语音指令命中后的操作
支持的句式
打开（XXX or 第x个）
点击（XXX or 第x个）
查看（XXX or 第x个）
选择（XXX or 第x个）
extample
用户可以说选择第一个

	<iovauto-vsl>
			<view class="userinfo" voice-type="select" voice-index='1' bindtap="openListControl">翻页控制</view>
			<view class="userinfo"  voice-type="select" voice-index='2'  bindtap="openSort">排序测试</view>
			<view class="userinfo" voice-type="select" voice-index='3'  bindtap="openList">列表控制</view>
		</iovauto-vsl>

用法
1.页面上支持翻页时使用
2.通过view标签下添加 vsl 属性 voice-type = 'pager'
3.如果使用的是swiper组件实现的，框架会帮助自动完成翻页，如果不是使用swiper 组件实现或者需要自己处理可以使用bindvsl 拦截指令
支持句式
1、打开上/下一页；
2、打开第X页；
3、打开首页；
4、最后一页；
5、上/下一页；
extample
使用swiper小程序组件

<iovauto-vsl>
			<view class="card-area">
        		<swiper voice-type="pager">翻页器</view>
			</view>
		</iovauto-vsl>
		 使用自定义组件实现
		<iovauto-vsl>
			<view class="card-area">
        		<swiper voice-type="pager" bindvsl="page">翻页器</view>
			</view>
		</iovauto-vsl>

8、back

用法
1.界面上有返回或者回到上一步的时候使用
2.通过view标签下添加 vsl 属性 voice-type = 'back'
3.可以设置bindvsl 拦截语音指令，如果没有添加bindvsl，默认会触发bindtap 或者catchtap事件
支持句式
1、返回
2、回到上一页
3、返回上一页
extample
用户可以说返回，或者返回上一页

9、search

用法
1.当界面上支持搜索时使用，可以直接使用语音指令中返回的 content 文本发起搜索
2.通过view标签下添加 vsl 属性 voice-type = 'search'
3.必须设置bindvsl监听才能收到语音指令,在bindvsl 绑定的函数中完成搜索的功能bindvsl 中的返回结果如下
支持句式
1、搜索xxxx
2、查找xxxx
3、搜xxxx
4、找xxxxx
extample
搜索海岸城

			vsl:{
   				id:"",
   				type:"search",
   				data:{
   					content:"搜索的关键字"
   				}
   			}
<iovauto-vsl>
			<view class="userinfo" bindvsl="search" voice-type="search">搜索</view>
   		</iovauto-vsl>

10、sort

用法
1.当界面上需要按照某种规则进行排序时可以使用
2.通过view标签下添加 vsl 属性 voice-type = 'sort' 和添加vsl 属性 voice-name = “price”标记排序的规则
目前支持以下几种排序规则
1、价格排序: price
2、评分排序：score
3、评价排序：conment
4、销量排序：sales
5、距离排序：distance
6、面积排序：area
7、目前支持以下两种排序策略，会在返回结果中的police字段下带回
8、排序规则所对应的值从小到大排序
9、排序规则所对应的值从大到小排序
需要通过bindvsl监听语音指令，按照返回的排序规则进行排序
返回结果协议如

vsl:{
   				id:"",
	   			type:"sort",
   				data:{
   				 	police:"min2max"
   				}
   			}

支持句式
1、按[销量/价格/面积/距离..]排序
2、按[销量/价格/面积/距离..][从低到高排/从小到大/从近到远]排序
extample
排序

<iovauto-vsl>
   				<view class="container">
        			<view class="userinfo" bindvsl="sort" voice-name="price" voice-type="sort">价格排序</view>
        			<view class="userinfo" bindvsl="sort" voice-name="distance" voice-type="sort">距离排序</view>
        			<view class="userinfo" bindvsl="sort" voice-name="score" voice-type="sort">评分排序</view>
        			<view class="userinfo" bindvsl="sort" voice-name="conment" voice-type="sort">评价排序</view>
        			<view class="userinfo" bindvsl="sort" voice-name="sales" voice-type="sort">销量排序</view>
        			<view class="userinfo" bindvsl="sort" slot-name="SLOT_GAS_STATION" slot-value='121' voice-name="area" voice-type="sort">面积排序</view>ß
    			</view>
		</iovauto-vsl>

11、delete

用法
1.功能上有删除操作时可以使用
2.通过view标签下添加 vsl 属性 voice-type = 'delete' 和voice-tag = 'view显示的text内容' 标识要删除的name
3.如果有多条数据可支持删除的可以添加 voice-index = '1' 就能支持删除第几个的指令,index 从1 开始
4.可以设置bindvsl 拦截语音指令，如果没有添加bindvsl，默认会触发bindtap 或者catchtap事件
支持句式
1、删除
2、删除第x个
3、删除xxxx
extample
删除微信应用

	<iovauto-vsl>
   			<view class="container">
   				<view class="userinfo" bindtap="delete" voice-type="delete" voice-tag="快手" voice-index="1">快手应用</view>
   				<view class="userinfo" bindtap="delete" voice-type="delete" voice-tag="微信" voice-index="2">微信应用</view>
   			</view>
     	</iovauto-vsl>

12、pay

用法
1.发起支付时使用
2.通过view标签下添加 vsl 属性 voice-type = 'pay' 和voice-tag = 'view显示的text内容' 标识要支付的的name
3.如果有多条数据可支持删除的可以添加 voice-index = '1' 就能支持支付第几个的指令,index 从1 开始
4.可以设置bindvsl 拦截语音指令，如果没有添加bindvsl，默认会触发bindtap 或者catchtap事件
支持句式
(去/确认）+支付
支付第x个（暂未开放）
支付xxxx（暂未开放）
extample
去支付

<iovauto-vsl>
   				<view class="container">
   					<view class="userinfo" bindtap="pay" voice-type="pay">确认下单</view>
   				</view>
   			</iovauto-vsl>
   		
		 支付第二个或者 支付洗车的订单
   			<iovauto-vsl>
   				<view class="container">
   					<view class="userinfo" bindtap="pay" voice-index='1'    voice-tag="加油的订单"  voice-type="pay">加油的订单</view>
   					<view class="userinfo" bindtap="pay"  voice-index='2'   voice-tag="洗车的订单" voice-type="pay">洗车的的订单</view>
   					<view class="userinfo" bindtap="pay"voice-index='3'   voice-tag="外卖的订单" voice-type="pay">外卖的订单</view>
   				</view>
   			</iovauto-vsl>

13、navi

用法
1.语音拉起地图进行导航时使用
2.通过view标签下添加 vsl 属性 voice-type = 'navi' 和voice-tag = 'view显示的text内容' 标识导航目的地的poi name
3.如果有多条数据可支持删除的可以添加 voice-index = '1' 就能支持导航去第几个的指令,index 从1 开始
4.可以设置bindvsl 拦截语音指令，如果没有添加bindvsl，默认会触发bindtap 或者catchtap事件
支持句式
1、导航过去/导航去这里/开始导航
2、导航去/导航到第x个
3、导航去/导航到xxxx
extample
导航到这里

	<iovauto-vsl>
   				<view class="container">
   					<view class="userinfo"  voice-type="navi" bindtap="openNavi">世界之窗</view>
   				</view>
   			</iovauto-vsl>	
		 导航去第一个或者导航去白石洲
   			<iovauto-vsl>
   				<view class="container">
   					<view class="userinfo" voice-tag="世界之窗" voice-type="navi" voice-index="1" bindtap="openNavi">世界之窗</view>
   					<view class="userinfo" voice-tag="白石洲" voice-type="navi" voice-index="2" bindtap="openNavi">白石洲</view>
   				</view>
   			</iovauto-vsl>

14、expand

用法
1.界面上需要展开更多或者跳转到更多页面时使用
2.通过view标签下添加 vsl 属性 voice-type = 'expand'
3.可以设置bindvsl 拦截语音指令，如果没有添加bindvsl，默认会触发bindtap 或者catchtap事件
支持句式
1、查看详情
2、查看更多结果
extample
查看更多

<iovauto-vsl>
   				<view class="container">
   					<view class="userinfo" bindvsl="expand" voice-type="expand">更多</view>
   				</view>
   			</iovauto-vsl>

15、clear

用法
1.界面上需要清除，或者清空之类的功能时使用
2.通过view标签下添加 vsl 属性 voice-type = 'clear'
3.可以设置bindvsl 拦截语音指令，如果没有添加bindvsl，默认会触发bindtap 或者catchtap事件
支持句式
清/清除/清空
清/清除/清空 xxxx
extample
清空购物车

	<iovauto-vsl>
   				<view class="container">
   					<view class="userinfo" bindvsl="clear" voice-type="clear">购物车</view>
   				</view>
   			</iovauto-vsl>

16、confirm

用法
1.功能上需要处理正向反馈时使用，比如确定，ok 之类的说法
2.通过view标签下添加 vsl 属性 voice-type = 'confirm'
3.可以设置bindvsl 拦截语音指令，如果没有添加bindvsl，默认会触发bindtap 或者catchtap事件
支持句式
1、确定
2、好的
3、ok
extample
用户可以说确定，好的

<iovauto-vsl>
   				<view class="container">
   					<view class="userinfo" bindtap="confirm" voice-type="confirm">确定</view>
   				</view>
   			</iovauto-vsl>

17、cancel

用法
1.功能上需要处理负向反馈或者要取消某种操作时使用
2.通过view标签下添加 vsl 属性 voice-type = 'cancel' voice-tag = 'view显示的text内容'用来标识要取消的条目的 name
3.如果是列表还可以添加 voice-index = '1' 就能支持取消第几个的指令,index 从1 开始
4.如果需要区分触控和语音操做，可以通过bindvsl 属性绑定一个函数处理语音指令命中后的操作
支持句式
1、取消
2、取消支付
3、取消第一个
extample
用户可以说取消，用于负向反馈

<iovauto-vsl>
   			<view class="container">
   				<view class="userinfo" bindtap="cancel" voice-type="cancel">取消</view>
   			</view>
   		</iovauto-vsl>
         用户可以说取消第2个或者取消订单
   		
   		<iovauto-vsl>
   			<view class="container">
   				<view class="userinfo" bindtap="cancel" voice-type="cancel" voice-index='1' voice-tag='支付' >支付</view>
   				<view class="userinfo" bindtap="cancel" voice-type="cancel" voice-index='2'  voice-tag='订单' >订单</view>
   				<view class="userinfo" bindtap="cancel" voice-type="cancel" voice-index='3'  voice-tag='预定' >预定</view>
   			</view>
   		</iovauto-vsl>

18、buy_members

用法
1.用于一些购买会员这种特殊场景
2.通过view标签下添加 vsl 属性 voice-type = 'buy_members' voice-tag = 'view显示的text内容'用来标识要购买的平台
3.如果需要区分触控和语音操做，可以通过bindvsl 属性绑定一个函数处理语音指令命中后的操作
支持句式
1.买/购买会员
2.买/购买xxxx会员
extample
用户可以说购买会员，或者买会员

	<iovauto-vsl>
   				<view class="container">
   					<view class="userinfo" bindtap="buymembers" voice-type="buy_members">VIP</view>
   				</view>
   			</iovauto-vsl>
   		
   		
		 用户可以说购买微信会员
   	
   			<iovauto-vsl>
   				<view class="container">
   					<view class="userinfo" bindtap="buymembers" voice-type="buy_members" voice-tag='微信' >微信</view>
   					<view class="userinfo" bindtap="buymembers" voice-type="buy_members" voice-tag='京东' >京东</view>
   					<view class="userinfo" bindtap="buymembers" voice-type="buy_members" voice-tag='爱奇艺' >爱奇艺</view>
   				</view>
   			</iovauto-vsl>

19、order

用法
1.用于跳转到订单详情页查看订单，或者根据订单状态进行筛选订单
2.通过view标签下添加 vsl 属性 voice-type = 'order'
3.如果只是跳转到订单详情，可以不添加bindvsl，框架默认会触发bindtap 或者catchtap事件；
4.如果需要筛选订单状态则需要bindvsl中获取语音返回到订单状态
返回结果协议如下

vsl:{
         		id:"",
         	 	type:"order",
         	 	data:{
         	 		order_status:"unpaid" 
         	 	}
   			}

订单状态order_status字段对应以下几种状态
1.未支付: order_status = unpaid
2.已支付: order_status = paid
3.未完成: order_status = unfinished
4.已完成: order_status = finished
5.待收货: order_status = unreceived
6.待发货: order_status = unshipped
支持句式
1.打开/进入/前往/查看+订单/我的订单/订单页
2.打开/进入/前往/查看+【订单状态】+订单
3.查询 +【订单状态】+订单
extample
进入到订单详情页

<iovauto-vsl>
   			<view class="container">
   				<view class="userinfo" bindtap="goToOrderDetail" voice-type="order">我的订单</view>
   			</view>
   		</iovauto-vsl>
   		
		 用户可以说查看未支付的订单
   		
   		<iovauto-vsl>
   			<view class="container">
   				<view class="userinfo" bindtap="filterOrder" voice-type="order" >筛选订单</view>
   			</view>
   		</iovauto-vsl>

20、phone

用法
1.用于吊起蓝牙电话，当需要给商家或者客服打电话时可以使用
2.通过view标签下添加 vsl 属性 voice-type = 'phone' 也可以添加voice-tag='name'标识要拨打电话的名字
3.如果是有多个电话号码要可以拨打 voice-index = '1' 就支持打电话给第几个的指令,index 从1 开始
4.如果需要区分触控和语音操做，可以通过bindvsl 属性绑定一个函数处理语音指令命中后的操作
支持句式
1.打电话/拨打电话
2.打电话/拨打电话给第x个
3.打电话/拨打电话给xxx
4.给第x个打电话/拨打电话
5.给xxx打电话/拨打电话
extample
用户可以说打电话或者拨打电话

	<iovauto-vsl>
   			<view class="container">
   				<view class="userinfo" bindvsl="phone" voice-type="phone"/>
   			</view>
   		</iovauto-vsl>	
		用户可以说打电话给张三或者说打电话给第一个
   		<iovauto-vsl>
   			<view class="container">
   				<view class="userinfo" bindvsl="phone" voice-type="phone" voice-tag="张三" voice-index="1">张三</view>
   				<view class="userinfo" bindvsl="phone" voice-type="phone" voice-tag="李四" voice-index="2">李四</view>
   				<view class="userinfo" bindvsl="phone" voice-type="phone" voice-tag="王老五" voice-index="3">王老五</view>
   			</view>
   		</iovauto-vsl>

21、tab

用法
1.界面上有多个tab 页需要切换时使用
2.通过view标签下添加 vsl 属性 voice-type = 'tab'
3.一般不需要开发者处理切换逻辑，如果有特殊需要自己处理的可以用bindvsl 拦截
支持句式
切换到 + 【Tab名称】
extample
tab 切换

<iovauto-vsl>
   			<tabs class="border-bottom" active-name="{{activeNameOne}}" bindtabchange="tabsOne">
   			<tab-item s-for="tab in tabs" voice-type="tab" voice-tag="{{tab.label}}" name="{{tab.name}}"  label="{{tab.label}}" />
   				 </tabs>
       </iovauto-vsl>

22、close

用法
1.界面上有对话框或者选择器等需要关闭时使用
2.通过view标签下添加 vsl 属性 voice-type = 'tab'，也可以添加vsl属性voiice-tag='name'标识需要关闭的对象的name
3.一般不需要开发者处理切换逻辑，如果有特殊需要自己处理的可以用bindvsl 拦截
支持句式
1.关闭/关掉xxx
2.关闭/关掉
3.退出
4.退出xxx
extample
用户直接说关闭或者退出

<iovauto-vsl>
   			<view class="userinfo" bindvsl="close" voice-type="close"/>
      	</iovauto-vsl>
   		
		  用户直接说关闭商圈选择
		<iovauto-vsl>
			<view class="userinfo" bindvsl="close" voice-type="close" voice-tag="商圈选择">商圈选择</view>
			<view class="userinfo" bindvsl="close" voice-type="close" voice-tag="地址选择">地址选择</view>
		</iovauto-vsl>

用法
1.当功能上有帐号登录时可以使用
2.通过view标签下添加 vsl 属性 voice-type = 'login' 也可以添加vsl属性voiice-tag='name'标识需要登录的平台
3.一般不需要开发者处理切换逻辑，如果有特殊需要自己处理的可以用bindvsl 拦截
支持句式
1.(去）+登录/登录账号
2.去登录/登录xxx
extample
用户直接说登录帐号

<iovauto-vsl>
			<view class="userinfo" bindtap="login" voice-type="login"/>
      	</iovauto-vsl>
		 用户直接说登录百度帐号
   		<iovauto-vsl>
			<view class="userinfo" bindvsl="login" voice-type="login" voice-tag="百度">百度</view>
			<view class="userinfo" bindvsl="login" voice-type="login" voice-tag="微信">微信</view>
       </iovauto-vsl>

24、list_control

用法
1.当一个列表中需要支持item 之间近些切换时使用
2.通过view标签下添加 vsl 属性 voice-type = 'list_control'
3.必须通过bindvsl 对语音指令进行监听
返回结果协议如下

vsl:{
         	 	id:"",
         	 	type:"list_control",
         	 	data:{
         	 		action:"next" 
         	 	}
         	 }

action分别对应以下三个值
1.下一个：action = next
2.上一个：action = pre
3换一个：action = change
支持句式
1.上一个
2.下一个
3.换一个
extample
用户直接说换一个/上一个/下一个

	<iovauto-vsl>
   			<view class="userinfo" bindtap="itemswitch" voice-type="list_control"/>
       </iovauto-vsl>

25、pick_range

用法
1.一般功能上需要选择一个范围区间时使用
2.通过view标签下添加 vsl 属性 voice-type = 'pick_range'
3.必须通过bindvsl 对语音指令进行监听
返回结果协议如下

 vsl:{
         	 	id:"",
         	 	type:"pick_item",
         	 	data:{
         	 		low:"0",
         	 		high:'200',
         	 		count:'3'
         	   }
          }

协议中字段解释
1.low 区间的前断点
2.high 区间的后端点
3.比如 200元以下。那low = 0；high = 200
支持句式
1.(选择)yy以上
2.(选择)yy以下
3.(选择)yyy到yyy
extample
用户直接说选择200元以下

	<iovauto-vsl>
   			<view class="userinfo" bindtap="range" voice-type="pick_range"/>
       </iovauto-vsl>

26、pick_time

用法
1.一般功能上有时间选择时需要，比如购票订座等需要一个具体的时间
2.通过view标签下添加 vsl 属性 voice-type = 'pick_time'
3.必须通过bindvsl 对语音指令进行监听
返回结果协议如下

 vsl:{
         	 	id:"",
         	 	type:"pick_item",
         	 	data:{
         	 		time:"2020-11-15:19:30:00"
         	 	}
         	 }

协议中字段解释：time 用户语音选中的的时间
支持句式
1.(选择/预订)后天下午八点
2.(选择/预订)3月12号下午五点
3.(选择/预订)XX年XX月XX日X点
extample
预定晚上8点钟的

<iovauto-vsl>
   			<view class="userinfo" bindvsl ="picktime" voice-type="pick_time"/>
       </iovauto-vsl>

27、pick_date

用法
1.一般功能上有需要选择一个或者两个具体的日期时使用，比如酒店预定的住店和离店日期的选择
2.通过view标签下添加 vsl 属性 voice-type = 'pick_date'必须通过bindvsl 对语音指令进行监听
返回结果协议如下

 vsl:{
         	 	id:"",
         	 	type:"pick_item",
         	 	data:{
         	 		start:"2020-11-15:14:30:00",
         	 		end:"2020-11-18:00:00:00"
         	 	}
         	 }

协议中字段解释，如果用户没有说出具体时间，那时间默认是00:00:00
1.star 开始时间
2.end 结束时间
支持句式
1.(选择)X月X日(到店/入住/出发)，X月X日离店
2.(选择)X月X日到店
3.(选择)X月X日离店
4.(选择)X月X日
extample
用户直接说明天住店后天离店

<iovauto-vsl>
   			<view class="userinfo" bindtap="dateselect" voice-type="pick_date"/>
       </iovauto-vsl>

28、pick_item
用法
1.一般功能上有添加购物车或者购买商品时用于添加或减少商品数量
2.通过view标签下添加 vsl 属性 voice-type = 'pick_item' 也可以添加vsl属性voiice-tag='name'标识需要可以增减的商品的名称
3.如果是列表还可以添加 voice-index = '1' 就能支持第几个增加/减少y份的指令,index 从1 开始
4.必须通过bindvsl 对语音指令进行监听
返回结果协议如下

 vsl:{
         	 	id:"",
         	 	type:"pick_item",
         	 	data:{
         	 		add_count:"2",
         	 		sub_count:'2',
         	 		count:'3'
         	 	}
         	 }

协议中字段解释，三个参数只会有一个参数有值是大于0 的，对于值小于或者等于0的参数不用处理
1.add_count 增加的份数
2.sub_count 减少的份数
3.count 点的份数
支持句式
1.第X个(点/减少/增加)Y份
2.XXX(点/减少/增加)Y份
3.(点/减少/增加)Y份XXXX
extample
用户直接说增加3份或者点5份或者减少1份

	<iovauto-vsl>
   			<view class="userinfo" bindtap="pickitem" voice-type="pick_item"/>
      	</iovauto-vsl>
   	
		  用户直接说鸡翅点两份 或者 第一个加份 或者 减少一份可乐
   			<iovauto-vsl>
   				<view class="userinfo" bindvsl="pickitem" voice-type="pick_item" voice-tag="鸡腿" voice-index='1' >鸡腿</view>
   				<view class="userinfo" bindvsl="pickitem" voice-type="pick_item" voice-tag="鸡翅" voice-index='2' >鸡翅</view>
   				<view class="userinfo" bindvsl="pickitem" voice-type="pick_item" voice-tag="可乐" voice-index='3' >可乐</view>
       	</iovauto-vsl>

vsl介绍车载语音一语直达

车载语音触摸屏控件

车载语音触摸屏控件

一、控件汇总

二、控件用法

1、click

2、input

3、scroll-horizontal

4、scroll-vertical

5、favorite

6、select

7、pager

8、back

9、search

10、sort

11、delete

12、pay

13、navi

14、expand

15、clear

16、confirm

17、cancel

18、buy_members

19、order

20、phone

21、tab

22、close

23、login

24、list_control

25、pick_range

26、pick_time

27、pick_date

28、pick_item