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