小程序中view视图容器怎么用-创新互联
本篇内容主要讲解“小程序中view视图容器怎么用”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“小程序中view视图容器怎么用”吧!
创新互联公司专注于企业
成都营销网站建设、网站重做改版、蕉城网站定制设计、自适应品牌网站建设、
H5页面制作、
成都商城网站开发、集团公司官网建设、
成都外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为蕉城等各大城市提供网站开发制作服务。
index.wxml
index.wxss
.outBlock
{
border:1rpx solid black;
width: 1000rpx;
height: 500rpx;
background-color:aqua;
}
.midBlock
{
border: 1rpx solid black;
width:500rpx;
height: 300rpx;
margin: 100rpx;
background-color: gray;
}
.inBlock
{
border: 1rpx solid black;
width: 300rpx;
height: 200rpx;
margin: 50rpx;
background-color: blueviolet;
}
.outBlockHover
{
background-color: black;
}
.midBlockHover
{
background-color: darkblue;
}
.inBlockHover
{
background-color: darkgreen;
}index.js的data部分
data: {
outStart:1000,
midStart:2000,
inStart:3000
},
正常情况下，当我们点击任何最内部的box的时候其余都会改变，中间的box的时候最外外面的也会改变，因为范围的原因，因为最里面的box是包含在中间的，外面的box里面，中间的包含在外面的box内。如果我们想要阻止这种效果，那就要用hover-stop-propagation了。propagation字面的意思就是传播，hover-stop-propagation意思就是，通俗的讲，防止把效果传播出去的意思。
到此，相信大家对“小程序中view视图容器怎么用”有了更深的了解，不妨来实际操作一番吧！这里是创新互联建站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
网站名称：小程序中view视图容器怎么用-创新互联
网站链接：
http://kswjz.com/article/docehi.html
扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
