收藏
回答

movable-area改变长宽后,movable-view移动区域大小没变

WXML:


<button bindtap='tapHandler'>change size</button>
<movable-area class="move_container" style="width:{{width}}px;height:{{height}}px;">
    <movable-view class="move_item" style="width:{{length}}px; height:{{length}}px;" direction="all" x="{{x-length/2}}" y="{{y-length/2}}"></movable-view>
</movable-area>


WXSS:

.move_container {
    /* position: absolute; */
     margin: 0 auto;
    border: 2rpx solid red;
}
 
.move_item {
    opacity: 0.7;
    background: red;
    border-radius: 50%;
}


JS:

Page({
    data: {
        width: 100,
        height: 100,
        length: 50,
        x: 22,
        y: 22,
    },
    onLoad: function (options) {
    },
    tapHandler: function () {
        this.setData({
            width: 300,
            height: 300,
            x: 111,
            y: 111
        })
    },
)}


回答关注问题邀请回答
收藏

11 个回答

  • 2018-03-01

    wx:if wx:else 写两次?

    2018-03-01
    有用
    回复
  • 2018-03-01

    如何重新渲染?wx:if怎么重新渲染?能举个例子吗?

    2018-03-01
    有用
    回复
  • 2018-03-01

    求解决


    2018-03-01
    有用
    回复
  • Benes
    Benes
    2018-01-26

    用wx:if控制

    2018-01-26
    有用
    回复
  • 2018-01-25

    如何重新渲染?

    2018-01-25
    有用
    回复
  • 世纪精灵
    世纪精灵
    2018-01-19

    目前我的解决办法是使用absolute

    2018-01-19
    有用
    回复
  • Benes
    Benes
    2018-01-19

    可以设置好必要的参数后,在渲染movablarea组件

    2018-01-19
    有用
    回复
  • Qwmg
    Qwmg
    2018-01-18

    暂时只能重新渲染movable-view

    2018-01-18
    有用
    回复
  • 世纪精灵
    世纪精灵
    2018-01-14

    我也遇到了这个问题,计算高度之后movable-area的高度属性变化了,但是movable-view的可移动区还是设置前的初始值,感觉官方在做movable的时候漏了,是个bug

    2018-01-14
    有用
    回复
  • 2018-01-13

    这个问题还是没有得到解决

    2018-01-13
    有用
    回复

正在加载...

登录 后发表内容