收藏
回答

movable-area 旋转九十度 后 可以移动方向如何跟着改变

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 需求 movable-area 客户端 最新 最新

- 需求的场景描述(希望解决的问题)


- 希望提供的能力

movable-area 旋转九十度 后 可以移动方向如何跟着改变

最后一次编辑于  2018-12-17  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

2 个回答

  • Eric Huang
    Eric Huang
    2018-12-18

    请问指的是 transform: rotate(90deg) 之后 movable-view 无法移动吗

    2018-12-18
    赞同
    回复
  • 江尘,
    江尘,
    2018-12-18

    是的 无法按照正常逻辑处理 现在已经按照写了一个策略  但感觉 体验上还是不太好 伪代码

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

    2018-12-18
    赞同
    回复