style modify

src/pages/Homepage/HotContest.vue

@@ -8,7 +8,7 @@
     <div class="popular-list">
       <el-row class="popular-list-item" v-for="item in competitionList" :key="item.id">
         <el-col :span="23" @click.native="gotoDetail(item)">
-          <img src="../../assets/img/logo-project.png" alt="logo-project" class="pull-left project-logo-img">
+          <img :src="require('../../assets/image/' + logo_background)" alt="logo-project" class="pull-left project-logo-img">
           <div style="margin-left: 55px">
             <div class="list-item-title">
               {{item.name}}
@@ -29,9 +29,15 @@
 </template>
 
 <script>
+  import {logo_background} from '../../config/index'
   export default {
     name: 'HotContest',
     props:['competitionList'],
+    data(){
+      return {
+        logo_background
+      }
+    },
     methods:{
         getMore(){
             this.$router.push({

src/pages/Square/PopularProject.vue

@@ -10,7 +10,7 @@
     <div class="popular-list" v-else>
       <el-row class="popular-list-item" v-for="item in hotCrowdTestProjectVOs" :key="item.id">
         <el-col :span="19">
-          <img src="../../assets/img/logo-project.png" alt="logo-project" class="pull-left project-logo-img">
+          <img :src="require('../../assets/image/' + logo_background)" alt="logo-project" class="pull-left project-logo-img">
           <div style="margin-left: 55px; cursor: pointer;"  @click="goToProjectDetail(item.code)">
             <div class="list-item-title">
               {{item.name}}
@@ -33,9 +33,16 @@
 </template>
 
 <script>
+  import {logo_background,logo_transparent} from '../../config/index'
   export default {
     name: 'PopularProject',
     props:['hotCrowdTestProjectVOs'],
+    data(){
+      return{
+        logo_background,
+        logo_transparent
+      }
+    },
     methods:{
         goToMore(){
             console.log("goToMoreProject");

src/pages/Square/PopularTask.vue

@@ -9,7 +9,7 @@
     <div class="popular-list" v-else>
       <el-row class="popular-list-item" v-for="item in hotCrowdTaskVOs" :key="item.id">
         <el-col :span="19">
-          <img src="../../assets/img/logo-blue.png" alt="logo-project" class="pull-left project-logo-img">
+          <img :src="require('../../assets/image/' + logo_transparent)" alt="logo-project" class="pull-left project-logo-img">
           <div style="margin-left: 55px; cursor: pointer;"  @click="goToTaskDetail(item.projectId,item.code)">
             <div class="list-item-title" >
               {{item.title}}
@@ -30,9 +30,16 @@
 </template>
 
 <script>
+  import {logo_transparent} from "../../config";
+
   export default {
     name: 'PopularTask',
     props:['hotCrowdTaskVOs'],
+    data(){
+      return{
+        logo_transparent
+      }
+    },
       methods:{
           goToMore(){
               console.log("goToMoreTask");