hbchen 2 жил өмнө
parent
commit
1b19e64419

+ 22 - 5
src/views/hzyb/report/Detail.vue

@@ -18,8 +18,10 @@
                 </div>
             </div>
             <div class="list-box">
-                <div class="flex item" v-for="item in chapterList" :key="item.report_chapter_id" @click="goChapterDetail(item)">
-                    <van-image class="img" :src="item.report_chapter_type_thumb" mode="aspectFill" />
+                <div class="flex item" v-for="(item,index) in chapterList" :key="item.report_chapter_id" @click="goChapterDetail(item)">
+                    <div class="img-box">
+                        <van-image class="img" :src="item.report_chapter_type_thumb" mode="aspectFill" />
+                    </div>
                     <div class="con">
                         <div class="title">
                             {{item.report_chapter_type_name}} 
@@ -824,13 +826,28 @@ export default {
             .item{
                 padding: 30px 34px;
                 border-bottom: 1px solid #E5E5E5;
-                .img{
+                .img-box{
                     width: 104px;
                     height: 104px;
-                    // background-color: #f5f5f5;
-                    flex-shrink: 0;
+                    box-sizing: border-box;
+                    border-radius: 8px;
+                    border: solid 2.5px #E5E5E5;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
                     margin-right: 20px;
+                    .img{
+                        width: 60px;
+                        height: 60px;
+                    }
                 }
+                // .img{
+                //     width: 104px;
+                //     height: 104px;
+                //     // background-color: #f5f5f5;
+                //     flex-shrink: 0;
+                //     // margin-right: 20px;
+                // }
                 .con{
                     flex: 1;
                     position: relative;