<view class="title">1、视图容器view的简单应用</view>
<view class='demo-box'>
<view class='title'>(1)不阻止父容器的view_hover</view>
<view class='view_son' hover-class="view_hower">我是子容器view</view>
</view>
<view class='demo-box'>
<view class='title'>(2)阻止父容器的view_hover</view>
<view class="view_parent" hover-class="view_hover">
我是父容器view
<view class ='view_son' hover-class="view_hover" hover-stop-propagation></view></view></view>
.view_parent {
width: 100%;
height: 300rpx;
background-attachment: lightblue;
}
.view_son {
width: 50%;
height: 150rps;
margin-left: 25%;
margin-top: 50rpx;
background-color: lightyellow;
}
.view_hover {
background-color: red;
}
版权声明:本文为weixin_40945354原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。