movable-area真机调试和模拟器不一样
发布于 6 年前 作者 qiaoli 6921 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)

 

<view>

    <view class=“icon-box”>

        <i-icon type=“return” class=“icon” size=“28” color=“rgb(21,21,21)” />

    </view>

    <movable-area class=“cate-area”>

        <movable-view class=“cate-view” direction=“horizontal”>

            <text wx:for="{{category}}" class="{{index==selectedIndex?‘highlight’:’’}}" data-index="{{index}}" bindtap=“chooseCategory”>{{item}}</text>

        </movable-view>

    </movable-area>

    <view class=“icon-box”>

        <i-icon type=“right” class=“icon” size=“28” color=“rgb(21,21,21)” />

    </view>

</view>

.cate-area {

width: calc(100% - 96px);

height: 30px;

display: inline-block;

vertical-align: top;

overflow: hidden;

}

.cate-view {

width: 130%;

height: 100%;

}

.cate-view text {

font-size: 16px;

padding: 0px 18px;

color: rgb(200, 200, 200);

}

  • 预期表现

    真机调试的时候样式走样了,text不知道为什么被挤到下一行了

回到顶部