Browse Source

feat: 更新品牌介绍展示逻辑,添加视频支持并优化样式

EvilDragon 3 months ago
parent
commit
75aea9b982
1 changed files with 11 additions and 5 deletions
  1. 11 5
      packages/app/src/pages/material/detail/index.vue

+ 11 - 5
packages/app/src/pages/material/detail/index.vue

@@ -181,17 +181,23 @@ onLoad(async (query: { id: number }) => {
       </Card>
       <Card>
         <div class="flex flex-col gap-4">
-          <div class="text-black/90 text-lg font-normal font-['PingFang_SC'] leading-[10.18px]">
+          <div
+            class="text-black/90 text-lg font-normal font-['PingFang_SC'] leading-[10.18px] pt-4"
+          >
             品牌介绍
           </div>
-          <div class="rounded-2xl overflow-hidden">
-            <wd-img
+          <div
+            v-if="(materialHomePageData.brandAdvantageUrl ?? '') !== ''"
+            class="rounded-2xl overflow-hidden aspect-[1.72/1]"
+          >
+            <!-- <wd-img
               width="100%"
               height="100%"
               :src="materialHomePageData.brandAdvantageUrl"
               mode="aspectFill"
-              custom-class="aspect-[1.72/1]"
-            ></wd-img>
+              custom-class=""
+            ></wd-img> -->
+            <video class="w-full h-full"></video>
           </div>
           <div class="text-black/90 text-base font-normal font-['PingFang_SC'] leading-[10.18px]">
             <!-- {{ materialHomePageData. }} -->