驾驶舱对接
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<!--
|
||||
* @Author: zhp
|
||||
* @Date: 2024-05-07 10:25:10
|
||||
* @LastEditTime: 2024-05-11 14:51:07
|
||||
* @LastEditTime: 2024-05-16 10:46:33
|
||||
* @LastEditors: zhp
|
||||
* @Description:
|
||||
-->
|
||||
@@ -11,7 +11,7 @@
|
||||
<div class="span-2">
|
||||
<StdRateItem :period="period" :city="cities[5]" />
|
||||
</div>
|
||||
<div v-for="item in cities.filter((val, index) => index != 5)" :key="item.name">
|
||||
<div class="flex-item" v-for="item in cities.filter((val, index) => index != 5)" :key="item.name">
|
||||
<StdRateItem :period="period" :city="item" />
|
||||
</div>
|
||||
</div>
|
||||
@@ -97,13 +97,18 @@ export default {
|
||||
|
||||
<style scoped lang="scss">
|
||||
.std-rate {
|
||||
display: grid;
|
||||
gap: 8px;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-template-rows: repeat(4, 1fr);
|
||||
display: flex;
|
||||
// gap: 8px;
|
||||
display: -webkit-box;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
// grid-template-columns: repeat(2, 1fr);
|
||||
// grid-template-rows: repeat(4, 1fr);
|
||||
}
|
||||
.flex-item{
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.span-2 {
|
||||
grid-column: span 2;
|
||||
flex-basis: 100%;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user