pad-app/pages/shipWork/shipInfo.vue

<template>
	<view class="shipInfo">
		<view class="container">
			<view class="ul">
				<view class="li">船名：{{shipInfo.shipmentShipManage.vslCnname}}</view>
				<view class="li">总重：{{shipInfo.shipmentShipManage.vslGton}}</view>
				<view class="li">净重：{{shipInfo.shipmentShipManage.vslNetton}}</view>
				<view class="li">长度：{{shipInfo.shipmentShipManage.vslLoa}}</view>
				<view class="li">宽度：{{shipInfo.shipmentShipManage.vslBreadth}}</view>
				<view class="li">空载吃水：{{shipInfo.shipmentShipManage.vslDraftunload}}</view>
				<view class="li">重载吃水：{{shipInfo.shipmentShipManage.vslDraftload}}</view>
				<view class="li">舱口高度：{{shipInfo.shipmentShipManage.spmCabinht}}</view>
				<view class="li">最低作业潮水：{{shipInfo.shipmentShipManage.spmMintide}}</view>
				<view class="li">驾驶台位置：{{shipInfo.shipmentShipManage.spmCab}}</view>
				<view class="li">跳板中左：{{shipInfo.shipmentShipManage.spmBoardCentrele}}</view>
				<view class="li">跳板前左：{{shipInfo.shipmentShipManage.spmBoardFrontle}}</view>
				<view class="li">跳板后左：{{shipInfo.shipmentShipManage.spmBoardLaterle}}</view>
				<view class="li">跳板中右：{{shipInfo.shipmentShipManage.spmBoardCentrerg}}</view>
				<view class="li">跳板前右：{{shipInfo.shipmentShipManage.spmBoardFrontrg}}</view>
				<view class="li">跳板后右 ：{{shipInfo.shipmentShipManage.spmBoardLaterrg}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				shipInfo: {
					shipmentShipManage: {}
				},
			}
		},
		mounted() {
			this.shipInfo = uni.getStorageSync('shipInfo')
		}
	}
</script>

<style lang="less" scoped>
	.shipInfo {
		.container {
			padding: 30px 20px;

			.ul {
				display: flex;
				flex-wrap: wrap;
				padding: 0 20px;

				.li {
					min-width: 45%;
					margin: 10px 20px;
				}
			}
		}
	}
</style>