Pārlūkot izejas kodu

优化logo加载

Michael Wang 5 gadi atpakaļ
vecāks
revīzija
62eb3437ad
1 mainītis faili ar 11 papildinājumiem un 2 dzēšanām
  1. 11 2
      src/features/Login/Login.vue

+ 11 - 2
src/features/Login/Login.vue

@@ -2,7 +2,14 @@
   <div class="home">
     <header class="header">
       <div class="school-logo">
-        <img class="logo-size" :src="this.logoPath" alt="school logo" />
+        <img
+          class="logo-size"
+          v-show="this.logoPath"
+          :src="this.logoPath"
+          alt="school logo"
+          loading="lazy"
+          style="background: linear-gradient(to bottom, #38f6f5 0%, #8efdf4 100%);"
+        />
       </div>
       <a
         class="close"
@@ -675,7 +682,9 @@ export default {
   },
   computed: {
     logoPath() {
-      return this.QECSConfig.LOGO_FILE_URL;
+      return this.QECSConfig.LOGO_FILE_URL
+        ? this.QECSConfig.LOGO_FILE_URL + "!/progressive/true/format/webp"
+        : "";
     },
     productName() {
       return this.QECSConfig.OE_STUDENT_SYS_NAME || "远程教育网络考试";