bg_url

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;
 }

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>