小程序中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://pwwzsj.com/article/docehi.html