Java-Vue提示弹窗(换行+字符缩进)

Java-Vue提示弹窗(换行+字符缩进)

1.提示弹窗

message: h(‘div’, [h(‘p’, ‘航线:’+hx+‘;’+‘船次:’+cc+‘;’+‘到港时间:’+dgsj), h(‘p’, ‘\u3000用箱统计:’), h(‘p’, ‘\u3000\u3000总用箱量:大柜100 小柜500’), h(‘p’, ‘\u3000\u3000已用箱量:大柜100 小柜500:’), h(‘p’, ‘\u3000\u3000未回箱量:大柜100 小柜500:’)]),

this.$confirm('提示', {
    title: '提示',
    message: h('div', [h('p', '航线:'+hx+';'+'船次:'+cc+';'+'到港时间:'+dgsj), h('p', '\u3000用箱统计:'), h('p', '\u3000\u3000总用箱量:大柜100 小柜500'), h('p', '\u3000\u3000已用箱量:大柜100 小柜500:'), h('p', '\u3000\u3000未回箱量:大柜100 小柜500:')]),
    confirmButtonText: '确定',
    cancelButtonText: '取消',
    type: 'warning',
    customClass: 'messageBox'
})
.then(() => {})
.catch(() => {});

2.提示弹窗样式

<style>
.messageBox {
    width: 550px;
}
</style>