实现效果:文本靠右显示,换行后靠左显示
<template #label>
<van-row class="primary_info_label_div">
<van-row class="primary_info_label_div_row">
<van-col> 维修原因:</van-col>
<van-col class="maintain_end_row_info_col">
<span>{{ orderInfo.maintainCause }}</span></van-col>
</van-row>
<van-row class="primary_info_label_div_row">
<van-col> 型号:</van-col>
<van-col> {{ orderInfo.chargingTankType }}</van-col>
</van-row>
<van-row v-if="role==1" class="primary_info_label_div_row">
<van-col> 代维单位:</van-col>
<van-col> {{ orderInfo.maintainDeptName || '暂无代维单位' }}</van-col>
</van-row>
<van-row class="primary_info_label_div_row">
<van-col> 受理人:</van-col>
<van-col> {{ orderInfo.receiveOrderUserName || '暂无人受理' }}</van-col>
</van-row>
<van-row class="primary_info_label_div_row">
<van-col> 下单时间:</van-col>
<van-col> {{ orderInfo.placeOrderTime }}</van-col>
</van-row>
<van-row class="primary_info_label_div_row">
<van-col> 订单编号:</van-col>
<van-col> {{ orderInfo.orderEncode }}</van-col>
</van-row>
</van-row>
</template>
.primary_info_label_div > .primary_info_label_div_row > .van-col:nth-child(2) {
flex: 1;
display: flex;
justify-content: flex-end;
overflow: auto;
color: black;
word-break: break-all;
}