如过设置 `flex-direction: row-reverse;` 效果如下:
加上padding: 32rpx
右边的padding没有,并且最后一个字没了。
完整代码:
<view class="view">
<view>吃饭了吗</view>
<image src="../../images/icon/home.png" mode="widthFix" style="width: 50rpx;"/>
</view>
.view {
width: 100%;
display: flex;
flex-direction: row-reverse;
padding: 32rpx;
background: chartreuse;
}
原因是什么呢?
width: 100%;去掉试试