<template>
	<view class="shipInfo">
		<view class="container">
			<view class="ul">
				<view class="li">船名：安吉11</view>
				<view class="li">总重：100</view>
				<view class="li">净重：50</view>
				<view class="li">长度：30</view>
				<view class="li">宽度：20</view>
				<view class="li">空载吃水：空载吃水</view>
				<view class="li">重载吃水：重载吃水</view>
				<view class="li">舱口高度：舱口高度</view>
				<view class="li">最低作业潮水：最低作业潮水</view>
				<view class="li">驾驶台位置：驾驶台位置</view>
				<view class="li">跳板左：跳板左</view>
				<view class="li">跳板后左：跳板后左</view>
				<view class="li">跳板中右：跳板中右</view>
				<view class="li">跳板前右：跳板前右</view>
				<view class="li">跳板后右 ：跳板后右</view>
			</view>
		</view>
	</view>
</template>

<script>
</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>