fix

src/views/QRCode/index.vue

@@ -27,7 +27,7 @@
       class="container"
     >
       <el-row :gutter="40">
-        <el-col v-if="genericCode" :span="8">
+        <el-col v-if="genericCode" :span="12">
           <div class="app-container">
             <div class="title">{{ qrcodeTitle }} - 微信通用码</div>
             <div class="flex-center">
@@ -35,7 +35,7 @@
             </div>
           </div>
         </el-col>
-        <el-col v-if="regularCode" :span="8">
+        <el-col v-if="regularCode" :span="12">
           <div class="app-container">
             <div class="title">{{ qrcodeTitle }} - 微信员工码</div>
             <div class="flex-center">
@@ -43,7 +43,7 @@
             </div>
           </div>
         </el-col>
-        <el-col v-if="zfbFkjCode" :span="8">
+        <el-col v-if="zfbFkjCode" :span="12">
           <div class="app-container">
             <div class="title">{{ qrcodeTitle }} - 访客机开门二维码</div>
             <div class="flex-center">
@@ -51,14 +51,14 @@
             </div>
           </div>
         </el-col>
-        <el-col v-if="zfbGenericCode" :span="8">
+<!--        <el-col v-if="zfbGenericCode" :span="8">
           <div class="app-container">
             <div class="title">{{ qrcodeTitle }} - 支付宝通用码</div>
             <div class="flex-center">
               <el-image :src="zfbGenericCode" class="qrcode" alt="加载失败" />
             </div>
           </div>
-        </el-col>
+        </el-col>-->
         <el-col v-if="zfbRegularCode" :span="8">
           <div class="app-container">
             <div class="title">{{ qrcodeTitle }} - 支付宝员工码</div>
@@ -99,7 +99,7 @@
     <!-- 楼宇场景 -->
     <div v-if="buildingCode || buildingRegularCode" class="container">
       <el-row :gutter="40">
-        <el-col v-if="buildingCode" :span="8">
+        <el-col v-if="buildingCode" :span="12">
           <div class="app-container">
             <div class="title">{{ qrcodeTitle }} - 微信通用码</div>
             <div class="flex-center">
@@ -107,15 +107,15 @@
             </div>
           </div>
         </el-col>
-        <el-col v-if="ZFBbuildingCode" :span="8">
+<!--        <el-col v-if="ZFBbuildingCode" :span="8">
           <div class="app-container">
             <div class="title">{{ qrcodeTitle }} - 支付宝通用码</div>
             <div class="flex-center">
               <el-image class="qrcode" :src="ZFBbuildingCode" alt="加载失败" />
             </div>
           </div>
-        </el-col>
-        <el-col v-if="zfbFkjCode" :span="8">
+        </el-col>-->
+        <el-col v-if="zfbFkjCode" :span="12">
           <div class="app-container">
             <div class="title">{{ qrcodeTitle }} - 访客机开门二维码</div>
             <div class="flex-center">
@@ -277,7 +277,10 @@ export default {
   font-size: 27px;
   font-weight: 500;
   text-align: center;
+  height: 80px;
   line-height: 40px;
+  display: flex;
+  align-items: center;
 }
 .flex-center {
   margin-top: 24px;