收藏
回答

movable-area真机调试和模拟器不一样

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

- 当前 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不知道为什么被挤到下一行了


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