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