feat: 首页列表展示vricon

src/views/home/HomeView.vue

@@ -162,14 +162,19 @@
           class="relative w-[272px] cursor-pointer"
           @click="toDetail(item)"
         >
-          <CommonImage
-            :type="currentListType"
-            class="h-[205px] w-[272px] rounded-sm"
-            :src="item.imgUrl"
-            alt=""
-          />
+          <div class="relative text-[0px]">
+            <CommonImage
+              :type="currentListType"
+              class="h-[205px] w-[272px] rounded-sm"
+              :src="item.imgUrl"
+              alt=""
+            />
+            <div v-if="!item.isVr" class="absolute bottom-2 left-2">
+              <img class="h-[45px] w-[45px] rounded-[50%]" src="@/assets/images/vr-icon.png" />
+            </div>
+          </div>
           <span
-            v-if="item.isSuper"
+            v-if="item!.isSuper"
             class="absolute left-0 top-0 block rounded-tl-sm bg-[#C0322B] px-3 text-sm font-semibold leading-[26px] text-white"
           >
             {{ item.isSuperName }}
@@ -245,7 +250,11 @@
           <img class="small-logo" src="../../assets/images/partner/partner-logo11.png" alt="" />
           <img class="small-logo" src="../../assets/images/partner/partner-logo15.png" alt="" />
           <img class="small-logo" src="../../assets/images/partner/partner-logo16.png" alt="" />
-          <img class="large-logo h40" src="../../assets/images/partner/partner-footer1.png" alt="" />
+          <img
+            class="large-logo h40"
+            src="../../assets/images/partner/partner-footer1.png"
+            alt=""
+          />
         </div>
         <div class="flex w-[180px] flex-wrap justify-between">
           <img class="small-logo" src="../../assets/images/partner/partner-logo2.png" alt="" />
@@ -253,7 +262,11 @@
           <img class="small-logo" src="../../assets/images/partner/partner-logo9.png" alt="" />
           <img class="small-logo" src="../../assets/images/partner/partner-logo12.png" alt="" />
           <img class="large-logo" src="../../assets/images/partner/partner-logo17.png" alt="" />
-          <img class="large-logo h40" src="../../assets/images/partner/partner-footer2.png" alt="" />
+          <img
+            class="large-logo h40"
+            src="../../assets/images/partner/partner-footer2.png"
+            alt=""
+          />
         </div>
         <div class="flex w-[180px] flex-wrap justify-between">
           <img class="small-logo" src="../../assets/images/partner/partner-logo3.png" alt="" />
@@ -261,7 +274,11 @@
           <img class="small-logo" src="../../assets/images/partner/partner-logo13.png" alt="" />
           <img class="small-logo" src="../../assets/images/partner/partner-logo26.png" alt="" />
           <img class="large-logo" src="../../assets/images/partner/partner-logo18.png" alt="" />
-          <img class="large-logo h40" src="../../assets/images/partner/partner-footer3.png" alt="" />
+          <img
+            class="large-logo h40"
+            src="../../assets/images/partner/partner-footer3.png"
+            alt=""
+          />
         </div>
         <div class="flex w-[180px] flex-wrap justify-between">
           <img class="small-logo" src="../../assets/images/partner/partner-logo4.png" alt="" />
@@ -269,20 +286,32 @@
           <img class="small-logo" src="../../assets/images/partner/partner-logo10.png" alt="" />
           <img class="small-logo" src="../../assets/images/partner/partner-logo24.png" alt="" />
           <img class="large-logo" src="../../assets/images/partner/partner-logo19.png" alt="" />
-          <img class="large-logo h40" src="../../assets/images/partner/partner-footer4.png" alt="" />
+          <img
+            class="large-logo h40"
+            src="../../assets/images/partner/partner-footer4.png"
+            alt=""
+          />
         </div>
         <div class="flex w-[180px] flex-wrap justify-between">
           <img class="large-logo" src="../../assets/images/partner/partner-logo22.png" alt="" />
           <img class="large-logo" src="../../assets/images/partner/partner-logo20.png" alt="" />
           <img class="large-logo" src="../../assets/images/partner/partner-logo27.png" alt="" />
-          <img class="large-logo h40" src="../../assets/images/partner/partner-footer5.png" alt="" />
+          <img
+            class="large-logo h40"
+            src="../../assets/images/partner/partner-footer5.png"
+            alt=""
+          />
         </div>
         <div class="flex w-[180px] flex-wrap justify-between">
           <img class="large-logo" src="../../assets/images/partner/partner-logo23.png" alt="" />
           <img class="small-logo" src="../../assets/images/partner/partner-logo14.png" alt="" />
           <img class="small-logo" src="../../assets/images/partner/partner-logo25.png" alt="" />
           <img class="large-logo" src="../../assets/images/partner/partner-logo21.png" alt="" />
-          <img class="large-logo h40" src="../../assets/images/partner/partner-footer6.png" alt="" />
+          <img
+            class="large-logo h40"
+            src="../../assets/images/partner/partner-footer6.png"
+            alt=""
+          />
         </div>
       </div>
     </div>
@@ -541,7 +570,8 @@ watchEffect(async () => {
 </script>
 <style lang="scss" scoped>
 .header-bg {
-  background: url('https://cfld-obs-pro01.obs.cn-north-4.myhuaweicloud.com/img/system/%E7%AB%8B%E4%B8%9A%E4%BA%91%E9%A6%96%E9%A1%B5%E8%83%8C%E6%99%AF%E5%9B%BE1%20.png?x-image-process=image/quality,q_80') center center no-repeat;
+  background: url('https://cfld-obs-pro01.obs.cn-north-4.myhuaweicloud.com/img/system/%E7%AB%8B%E4%B8%9A%E4%BA%91%E9%A6%96%E9%A1%B5%E8%83%8C%E6%99%AF%E5%9B%BE1%20.png?x-image-process=image/quality,q_80')
+    center center no-repeat;
   background-size: cover;
   color: #ffffff;
   .text-\[\#333333\],