公告列表
公告列表
收藏
回答

movable-area中的层级问题

框架类型 问题类型 操作系统 工具版本
小程序 需求 Windows 1.02.1809260

- 需求的场景描述（希望解决的问题）

问题1：

将

movable-area层级设置低，movable-view层级设置再高无效。

movable-area层级正常，单独设置movable-view中的image层级低无效。

movable-view设置层级低，无法触发事件！

- 希望提供的能力

需要：最外层的image组件遮罩住内部的image组件，且内部的image组件可灵活移动。


<image src='{{dqbjmuban.muban.url}}' mode='widthFix' lazy-load='true' style="position: relative;width:{{dqbjmuban.muban.w*dqsuofangbi}}px;z-index:1;"> <movable-area id='{{zp}}' wx:key="{{dqbjmuban.photos}}" wx:for="{{dqbjmuban.photos}}" wx:for-index="zp" style="position: absolute;left:{{dqbjmuban.photos[zp].kx*dqsuofangbi}}px;top:{{dqbjmuban.photos[zp].ky*dqsuofangbi}}px;height:{{dqbjmuban.photos[zp].kh*dqsuofangbi}}px;width:{{dqbjmuban.photos[zp].kw*dqsuofangbi}}px;background:#fff;"> <movable-view catchtap='movablestart' style="height:{{dqbjmuban.photos[zp].ph*dqsuofangbi}}px; width:{{dqbjmuban.photos[zp].pw*dqsuofangbi}}px;" x="{{dqbjmuban.photos[zp].px}}" y="{{dqbjmuban.photos[zp].py}}" bindscale="onScale" scale-min="{{dqbjmuban.photos[zp].scalemin}}" scale-max="1.8" scale-value="{{dqbjmuban.photos[zp].scale}}" out-of-bounds direction="all"> <image wx:if="{{dqbjmuban.photos[zp].zpdz.photoURL.length!=0}}" src='{{dqbjmuban.photos[0].zpdz.photoURL}}' mode='widthFix' style="position: absolute;left:0px;top:0px;width:100%;z-index:-91"/> </movable-view> </movable-area>
回答关注问题邀请回答
收藏

3 个回答

  • 梁大新🍃
    梁大新🍃
    2022-02-25
    movable-view {
   pointer-events: auto;
}
movable-area {
  pointer-events: none;
}
pointer-events: none;表示鼠标事件“穿透”该元素并且指定该元素“下面”的任何东西
pointer-events:auto;鼠标不会穿透当前层

    movable-area充满整个页面，置于所有元素顶层导致下方的所有元素无法操作，查询资料得知可以给这两个标签增加两个样式即可

    2022-02-25
    有用
    回复
  • 是小白啊
    是小白啊
    2018-10-26

    不是很明白你所描述的问题

    2018-10-26
    有用
    回复 1
    • 2018-10-26


      红色框内为外层image，是png中空的，我需要它遮住那个美女，只把空的那部分显示出来，美女要可移动，而且为了不频繁setData，希望有个结束事件

      2018-10-26
      赞
      回复
  • Hasaki
    Hasaki
    2018-10-26
    生活没有一帆风顺的，主要看自己的心态
    2018-10-26
    有用
    回复 1
    • 2018-10-26

      大兄弟，水不能这么水

      2018-10-26
      赞
      回复
请 登录 后发表内容
相关问题
相关文档