小程序中view视图容器怎么用
导读：本文共1015字符，通常情况下阅读需要3分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要： index.wxml<viewclass="container"><viewclass='outBlock'hover-class='outBlockHover'hover-start-time='{{outStart}}'hover-stop-propagation=... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。index.wxml
<viewclass="container"><viewclass='outBlock'hover-class='outBlockHover'hover-start-time='{{outStart}}'hover-stop-propagation='true'hover-stay-time='10000'><viewclass='midBlock'hover-class='midBlockHover'hover-start-time='{{midStart}}'hover-stop-propagation='true'><viewclass='inBlock'hover-class='inBlockHover'hover-start-time='{{inStart}}'hover-stop-propagation='true'></view></view></view></view>index.wxss
.outBlock{border:1rpxsolidblack;width:1000rpx;height:500rpx;background-color:aqua;}.midBlock{border:1rpxsolidblack;width:500rpx;height:300rpx;margin:100rpx;background-color:gray;}.inBlock{border:1rpxsolidblack;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意思就是，通俗的讲，防止把效果传播出去的意思。
</div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">本文：
小程序中view视图容器怎么用的详细内容，希望对您有所帮助，信息来源于网络。