研报4.8-周报、晨报有框icon显示修改

src/views/report/Detail.vue

@@ -403,8 +403,11 @@ const formatTitle=(e)=>{
                         </div>
                     </div>
                     <div class="list-box">
-                        <div class="flex item" v-for="item in info.report_chapter_list" :key="item.report_chapter_id" @click="goChapterDetail(item)">
-                            <el-image class="img" :src="item.report_chapter_type_thumb" fit="cover" />
+                        <div class="flex item" v-for="(item,index) in info.report_chapter_list" :key="item.report_chapter_id" @click="goChapterDetail(item)">
+                            <div class="img-box">
+                                <el-image class="img" :src="item.report_chapter_type_thumb" fit="cover" />
+                            </div>
+                            <!-- <el-image class="img" :src="item.report_chapter_type_thumb" fit="cover"/> -->
                             <div class="con">
                                 <div class="title">
                                     {{item.report_chapter_type_name}} 
@@ -720,12 +723,28 @@ const formatTitle=(e)=>{
                 align-items: center;
                 padding: 20px 0;
                 border-bottom: 1px solid #E5E5E5;
-                .img{
+                .img-box{
                     width: 55px;
                     height: 55px;
-                    flex-shrink: 0;
+                    box-sizing: border-box;
+                    border-radius: 8px;
+                    border: solid 1px #E5E5E5;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
                     margin-right: 20px;
+                    .img{
+                        width: 35px;
+                        height: 35px;
+                    }
                 }
+                // .img{
+                //     width: 55px;
+                //     height: 55px;
+                //     // background-color: #f5f5f5;
+                //     flex-shrink: 0;
+                //     // margin-right: 20px;
+                // }
                 .con{
                     flex: 1;
                     position: relative;