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