From 2ed090b05dd00896abfe8f9fbc6993c21791ba66 Mon Sep 17 00:00:00 2001
From: "luoJunYong.123" <you@example.com>
Date: Fri, 31 Dec 2021 11:59:08 +0800
Subject: [PATCH] bg_url

---
 src/pages/match/details/index.vue | 9 +++++++--
 src/pages/match/list/index.vue    | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/pages/match/details/index.vue b/src/pages/match/details/index.vue
index b67db83..aa1a8e1 100644
--- a/src/pages/match/details/index.vue
+++ b/src/pages/match/details/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <div class="banner-con"></div>
+        <div class="banner-con" :style="{backgroundImage: coverUrlComputed}"></div>
         <div class="main">
             <div class="nav">
                 <div class="sub-title">赛事报名</div>
@@ -106,6 +106,11 @@ export default {
                 }).catch(res => {})
             }
         }
+    },
+    computed: {
+        coverUrlComputed() {
+            return this.coverUrl? 'url(' + this.coverUrl +  ')' : "url('../../../assets/img/info-banner.png')"
+        }
     }
 };
 </script>
@@ -114,7 +119,7 @@ export default {
 .banner-con{
     width: 100%;
     height: 400px;
-    background-image: url('../../../assets/img/info-banner.png');
+    // background-image: url('../../../assets/img/info-banner.png');
     background-size: 100vw 400px;
     background-repeat: no-repeat;
 }
diff --git a/src/pages/match/list/index.vue b/src/pages/match/list/index.vue
index 6ab0edd..699c9c4 100644
--- a/src/pages/match/list/index.vue
+++ b/src/pages/match/list/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="box">
-        <div class="banner-con" :style="{'background-image': 'url('+this.listData[0].coverUrl +')'}"></div>
+        <div class="banner-con"></div>
         <div class="search">
             <input type="text" placeholder="请输入竞赛名称" v-model="keyword" />
             <button>搜索</button>