微信小程序视图层莫名出现竖线的解决方法

    <view class="other-des">
        <view class="section">
            <text class="section-num">{{course_info.SectionCount}}</text>
            <text class="section-text">节课程</text>
        </view>
        <view class="section">
            <block wx:for="{{tools.convertToHMS(course_info.Duration)}}" wx:key="index">
                <text class="section-num">{{item}}</text>
                <block wx:if="{{index == 0}}">
                    <text class="section-text">时</text>
                </block>
                <block wx:if="{{index == 1}}">
                    <text class="section-text">分</text>
                </block>
                <block wx:if="{{index == 2}}">
                    <text class="section-text">秒</text>
                </block>
            </block>
        </view>
        <view class="section">
            <text class="section-num">{{course_info.PurchaseMarkup}}</text>
            <text class="section-text">人最近购买</text>
        </view>
    </view>

.other-des {
    margin-top: 8px;
    padding: 20rpx;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section {
    flex: 1;
    display: flex;
    align-items: flex-end;  
}
.section-num { 
    font-size: 32rpx; 
    color: #000000;
    line-height: 32rpx;
} 
.section-text {
    color: #586470;
    font-size: 24rpx;
    line-height: 24rpx; 
}

.section {
    flex: 1;
    display: flex;
    align-items: flex-end;  
    overflow: hidden;
}