uniapp——7.view组件的基本使用

view组件的基本使用

View视图容器，简而言之，就是相当于html里面的div 。用于包裹各种元素内容。

属性说明

属性名	类型	默认值	说明
hover-class	String	none	指定按下去的样式类。当 hover-class=”none” 时，没有点击态效果
hover-stop-propagation	Boolean	false	指定是否阻止本节点的祖先节点出现点击态，App、H5、支付宝小程序、百度小程序不支持（支付宝小程序、百度小程序文档中都有此属性，实测未支持）
hover-start-time	Number	50	按住后多久出现点击态，单位毫秒
hover-stay-time	Number	400	手指松开后点击态保留时间，单位毫秒

<template>
    <view>
    <view>我是一个大盒子</view>
    <!-- class 用于绑定下面普通的样式 -->
    <view class="box">我是一个大盒子</view>
    <!-- hover-class 用于点击这个变颜色 -->
    <view class="box" hover-class="box-active">我是一个大盒子</view>
    </view>
    </view>
</template>
​
<script>
    
</script>
​
<style>
    .box{
        height: 100px;
        width: 200px;
        background: greenyellow;
    }
    .box-active{
        background: red;
    }
    
</style>

其他的标签和这个一样。

如果是字符串，但是要求是数字。加冒号就可以解决（尚不清楚为什么）。