我设置了container之后header就下移了,不知道怎么回事

来源：9-2 navi组件与flex宽度陷阱

qq_穷开心_1

2019-12-03

图片描述

<view class="container">
    <view class="header">
        <v-epsoide class="epsoide" index="{{classicData.index}}" />
        <v-like class="like" bind:like="onLike" like="{{classicData.like_status}}" count="{{classicData.fav_nums}}" />
    </view>
    <v-movie img="{{classicData.image}}" content="{{classicData.content}}" />
    <v-navi class="navi" />
</view>

.container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header {
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 100rpx;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

.episode {
    margin-left: 20rpx;
    margin-top: 4rpx;
}

.like {
    margin-top: 6rpx;
}

.navi {
    position: absolute;
    bottom: 40rpx;
}

写回答

3回答