工厂驾驶舱
This commit is contained in:
		@@ -1,20 +1,21 @@
 | 
			
		||||
<!--
 | 
			
		||||
 * @Author: zhp
 | 
			
		||||
 * @Date: 2024-05-07 10:25:10
 | 
			
		||||
 * @LastEditTime: 2024-05-29 16:10:45
 | 
			
		||||
 * @LastEditTime: 2024-05-30 11:19:51
 | 
			
		||||
 * @LastEditors: zhp
 | 
			
		||||
 * @Description:
 | 
			
		||||
-->
 | 
			
		||||
 | 
			
		||||
<template>
 | 
			
		||||
  <div class="std-rate">
 | 
			
		||||
    <div class="span-2">
 | 
			
		||||
      <StdRateItem :period="period" :city="cities[5]" />
 | 
			
		||||
  <!-- <div class="order"> -->
 | 
			
		||||
    <div class="std-rate" style="width: 100%; overflow: hidden scroll; height: 400px">
 | 
			
		||||
      <div class="span-2">
 | 
			
		||||
        <StdRateItem :period="period" :city="cities[5]" />
 | 
			
		||||
      </div>
 | 
			
		||||
      <div class="flex-item" v-for="item in cities.filter((val, index) => index != 5)" :key="item.name">
 | 
			
		||||
        <StdRateItem :period="period" :than="than" :city="item" />
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="flex-item" v-for="item in cities.filter((val, index) => index != 5)" :key="item.name">
 | 
			
		||||
      <StdRateItem :period="period" :than="than" :city="item" />
 | 
			
		||||
    </div>
 | 
			
		||||
  </div>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script>
 | 
			
		||||
@@ -103,7 +104,7 @@ export default {
 | 
			
		||||
.std-rate {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  // gap: 1px;
 | 
			
		||||
  flex: 1 1 auto;
 | 
			
		||||
  // flex: 1 1 auto;
 | 
			
		||||
 | 
			
		||||
  // display: -webkit-box;
 | 
			
		||||
  flex-wrap: wrap;
 | 
			
		||||
@@ -111,6 +112,9 @@ export default {
 | 
			
		||||
  // grid-template-columns: repeat(2, 1fr);
 | 
			
		||||
  // grid-template-rows: repeat(4, 1fr);
 | 
			
		||||
}
 | 
			
		||||
.std-rate::-webkit-scrollbar {
 | 
			
		||||
  display: none;
 | 
			
		||||
}
 | 
			
		||||
.flex-item{
 | 
			
		||||
  // flex: 1 1 auto;
 | 
			
		||||
  width: 50%;
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user