钢化文字位置调整

wangfei

2024-07-22 b45bcd4c63616c71721618d2e83591f9106d03ab

钢化文字位置调整

 UI-Project/src/views/PurchaseReturn/purchaseReturn.vue

@@ -99,7 +99,7 @@
    >
     <div  class="centered-text">
    <div >{{ rect.glassId }}</div>  
    <div style="text-align: center;">{{ rect.widtha }}*{{ rect.heighta }}</div>  
    <div style="margin-top: 50px;margin-left: -85px;">{{ rect.widtha }}*{{ rect.heighta }}</div>  
  </div>
  </div>
   </div>
@@ -119,7 +119,7 @@
    >
     <div  class="centered-text">
    <div >{{ rect.glassId }}</div>  
    <div style="text-align: center;">{{ rect.widtha }}*{{ rect.heighta }}</div>  
    <div  style="margin-top: 50px;margin-left: -85px;">{{ rect.widtha }}*{{ rect.heighta }}</div>  
  </div>
  </div>
   </div>
@@ -144,7 +144,7 @@
       backgroundColor: rect.state === 0 ? '#dedfe0' : '#d1edc4' }">
    <div  class="centered-text">
    <div>{{ rect.glassId }}</div>  
    <div>{{ rect.widtha }}*{{ rect.heighta }}</div>  
    <div style="margin-top: 50px;margin-left: -85px;">{{ rect.widtha }}*{{ rect.heighta }}</div>  
  </div>
  </div> 
   </div>
@@ -168,7 +168,7 @@
       backgroundColor: rect.state === 4 ? '#911005' : '#f8e3c5' }">
     <div  class="centered-text">
    <div >{{ rect.glassId }}</div>  
    <div style="text-align: center;">{{ rect.widtha }}*{{ rect.heighta }}</div>  
    <div style="margin-top: 50px;margin-left: -85px;">{{ rect.widtha }}*{{ rect.heighta }}</div>  
  </div>
  </div> 
   </div>
@@ -253,11 +253,9 @@
}  
.centered-text {
  /* 设置文字居中样式 */  
  /* display: flex; */
  display: flex;
  justify-content: center;  
  text-align: center;
  align-items: center; 
  height: 100%; /* 确保div占据整个矩形的高度 */  
  margin-top: 60%
} 
</style>

 UI-Project/src/views/PurchaseReturn/purchaseStorage.vue

@@ -70,7 +70,7 @@
       backgroundColor: rect.state === 4 ? '#d1edc4' : '#f8e3c5' }">
     <div  class="centered-text">
    <div >{{ rect.glassId }}</div>  
    <div style="text-align: center;">{{ rect.widtha }}*{{ rect.heighta }}</div>  
    <div style="margin-top: 50px;margin-left: -85px;">{{ rect.widtha }}*{{ rect.heighta }}</div>  
  </div>
  </div> 
   </div>
@@ -98,11 +98,9 @@
} 
.centered-text {
  /* 设置文字居中样式 */  
  /* display: flex; */
  display: flex;
  justify-content: center;  
  text-align: center;
  align-items: center; 
  height: 100%; /* 确保div占据整个矩形的高度 */  
  margin-top: 60%
} 
</style>