45 lines
1.1 KiB
Vue
45 lines
1.1 KiB
Vue
|
<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>
|