小程序中view视图容器怎么用

本篇内容主要讲解"小程序中view视图容器怎么用"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"小程序中view视图容器怎么用"吧!

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视图容器怎么用"有了更深的了解，不妨来实际操作一番吧！这里是网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！