|
|
@@ -416,8 +416,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}}
|
|
|
@@ -734,12 +737,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;
|
hbchen