uniapp-view组件

视图容器 它类似于传统html中的div，用于包裹各种元素内容

hover-class	String	none	指定按下去的样式类。当 hover-class="none" 时，没有点击态效果
hover-stop-propagation	Boolean	false	指定是否阻止本节点的祖先节点出现点击态
hover-start-time	Number	50	按住后多久出现点击态，单位毫秒
hover-stay-time	Number	400	手指松开后点击态保留时间，单位毫秒

<template>
	<view class="fatherbox" hover-class="fathergbox-active">
		<view class="box" hover-class="box-active">
				我是父级里的盒子
		</view>
	</view>
</template>

<script>
</script>

<style>
	.fatherbox {
		width:200px;
		height:200px;
		background:#ccc;
	}
	.box {
		width:100px;
		height:100px;
		background:pink;
	}
	.fathergbox-active {
		background:green;
	}
 	.box-active {
		background:skyblue;
	} 
</style>

点击子盒子 父盒子的颜色也会发生变化 简称冒泡现象 所以为了避免这种现象 添加一个hover-stop-propagation属性

		<view class="fatherbox" hover-class="fathergbox-active">
			<view class="box" hover-class="box-active" hover-stop-propagation>
				我是父级里的盒子
			</view>
		</view>

 设置2秒之后 子盒子再发生变化

不加冒号 2000是字符串 不能运行结果 此时利用到vue-bind属性绑定语法  不加冒号是字符串 加了冒号是表达式 

（最近好像系统更新了 不加冒号也能实现正常运行）

		<view class="fatherbox" hover-class="fathergbox-active">
			<view class="box" hover-class="box-active"  :hover-start-time="2000" hover-stop-propagation>
				我是父级里的盒子
			</view>
		</view>