小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 需求的场景描述(希望解决的问题)
- 希望提供的能力
movable-area 旋转九十度 后 可以移动方向如何跟着改变
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
请问指的是 transform: rotate(90deg) 之后 movable-view 无法移动吗
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
是的 无法按照正常逻辑处理 现在已经按照写了一个策略 但感觉 体验上还是不太好 伪代码
<movable-area style="height:{{windowHeight*0.9}}px;width: 74rpx" class="zIndex"> <movable-view wx:for="{{accessories}}" direction="vertical" wx:key="item" wx:for-index="index" y="{{(index)*50+15}}" catchtouchmove="draggleTouch" catchtouchend="draggleTouch" catchtouchstart="draggleTouch" data-info="{{item}}" data-draggleindex="{{index}}"> <view class="movable-view-child" style="background-image:url('{{item.url}}')"></view> </movable-view></movable-area>
movable-area { position: absolute; top: 0; bottom: 0; right: 206rpx; margin:auto; padding-top: 20rpx; padding-bottom: 20rpx;}
实际上父元素 transform: rotate(90deg)之后 作为子元素的 movable-area x轴相应发生改变 但是没有
所以现在用放在了 transform: rotate(90deg) 的外面 成为了兄弟元素 利用绝对定位 做了个策略
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
请问指的是 transform: rotate(90deg) 之后 movable-view 无法移动吗
是的 无法按照正常逻辑处理 现在已经按照写了一个策略 但感觉 体验上还是不太好 伪代码
实际上父元素 transform: rotate(90deg)之后 作为子元素的 movable-area x轴相应发生改变 但是没有
所以现在用放在了 transform: rotate(90deg) 的外面 成为了兄弟元素 利用绝对定位 做了个策略