收藏
回答

反馈一个 Bug

问题模块 框架类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 movable-area 客户端 6.6.2 1.9.1

最新版微信下

movable-area组件

动态的设置宽高

movable-view的位置异常


最后一次编辑于  2018-02-08
回答关注问题邀请回答
收藏

5 个回答

  • 林超
    林超
    2018-02-08

    请给详细的代码示例

    2018-02-08
    赞同
    回复
  • 钢制稻草人
    钢制稻草人
    2018-03-01

    请问楼主这个问题有解决方案了吗?

    2018-03-01
    赞同
    回复
  • 杨
    2018-02-26

    认真看文档好吗,

    out-of-boundsBooleanfalse超过可移动区域后,movable-view是否还可以移动


    2018-02-26
    赞同
    回复
  • Saul
    Saul
    2018-02-24

    请问楼主 我设置了 x和y 却无法水平划动

    <movable-area  data-id='{{item.recordtId}}' data-index='{{index}}' bindtap='btnUp'  style="width: 100%; height: 104px; padding-left: 100px; left: -100px; background-color: #ccc;">

    <movable-view inertia="true" direction="horizontal" x="200" y="0" style="width: {{windowWidth}}px; height: 104px; background-color: #f00; z-index: 3;">

    </movable-view>

    </movable-area>


    windowWidth是我用 wx.getSystemInfoSync();获取的宽度


    2018-02-24
    赞同
    回复 1
    • mili
      mili
      01-17

      你设置了方向的原因吧    direction="horizontal"  改成  direction="all"

      01-17
      回复
  • 杨
    2018-02-08

    <movable-area catchtouchmove="doNothing" style="height:{{height}}px">

     <movable-view x="{{x}}" y="{{y}}" direction="all" out-of-bounds="false">


     </movable-view>

    </movable-area>

    <------------------------------------->

    wx.getSystemInfo({

    success: function (res) {

    var height = res.screenHeight - (res.screenHeight - res.windowHeight);

    if (res.platform == 'ios') {

    height = height - 49;

    } else if (res.platform == 'android') {

    height = height + 46;

    }

    var tranX = (res.windowWidth - 0) * 0.82;

    var tranY = height * 0.66;

    that.setData({

    x: tranX,

    y: tranY,

    height: height,

    })

    }

    })


    2018-02-08
    赞同
    回复