收藏
回答

父级设置缩放后 子级movable-view拖动不到边界?

父级设置后,moveable-view 最多只能移动到这个地方

<view class="page-body">
  <view class="page-section" style="transform: scale(0.75);">
    <view class="page-section-title">movable-view区域小于movable-area</view>
    <movable-area>
      <movable-view x="{{x}}" y="{{y}}" direction="all">text</movable-view>
    </movable-area>
  </view>
  <view class="btn-area">
    <button bindtap="tap" class="page-body-button" type="primary">click me to move to (30px30px)</button>
  </view>
</view>
Page({
  data: {
    x: 0,
    y: 0,
    scale: 2,
  },
  tap(e) {
    this.setData({
      x: 30,
      y: 30
    })
  },
  tap2() {
    this.setData({
      scale: 3
    })
  },
  onChange(e) {
    console.log(e.detail)
  },
  onScale(e) {
    console.log(e.detail)
  }
})
movable-view {
  display: flex;
  align-items: center;
  justify-content: center;
  height100rpx;
  width100rpx;
  background#1AAD19;
  color#fff;
}

movable-area {
  height400rpx;
  width400rpx;
  margin50rpx;
  background-color#ccc;
  overflow: hidden;
}

.max {
  width600rpx;
  height600rpx;
}

.page-section{
  width100%;
  margin-bottom60rpx;
}

.page-section:last-child{
  margin-bottom0;
}

.page-section-title{
  font-size28rpx;
  color#999999;
  margin-bottom10rpx;
  padding-left30rpx;
  padding-right30rpx;
}


最后一次编辑于  09-18
回答关注问题邀请回答
收藏

1 个回答

  • May
    May
    09-18

    这问题没法解决吗

    09-18
    有用
    回复
登录 后发表内容
问题标签