movable-area 旋转九十度 后 可以移动方向如何跟着改变
发布于 6 年前 作者 na97 1443 次浏览 来自 问答
  • 需求的场景描述（希望解决的问题）
  • 希望提供的能力

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) 的外面  成为了兄弟元素  利用绝对定位  做了个策略  

回到顶部