|
@@ -51,7 +51,7 @@
|
|
<van-col span="6" v-for="item in info.report_chapter_menu_list" :key="item.report_chapter_id">
|
|
<van-col span="6" v-for="item in info.report_chapter_menu_list" :key="item.report_chapter_id">
|
|
<div :class="['item',item.report_chapter_id==chapterId&&'active']" @click="handleChapterChange(item)">
|
|
<div :class="['item',item.report_chapter_id==chapterId&&'active']" @click="handleChapterChange(item)">
|
|
<img :src="item.report_chapter_type_thumb" mode="aspectFill"/>
|
|
<img :src="item.report_chapter_type_thumb" mode="aspectFill"/>
|
|
- <text>{{item.report_chapter_type_name}}</text>
|
|
+ <!-- <text>{{item.report_chapter_type_name}}</text> -->
|
|
</div>
|
|
</div>
|
|
</van-col>
|
|
</van-col>
|
|
</van-row>
|
|
</van-row>
|
|
@@ -524,20 +524,21 @@ export default {
|
|
}
|
|
}
|
|
.item {
|
|
.item {
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
- height: 160px;
|
|
+ height: 156px;
|
|
margin-bottom: 20px;
|
|
margin-bottom: 20px;
|
|
text-align: center;
|
|
text-align: center;
|
|
color: #C0CFDA;
|
|
color: #C0CFDA;
|
|
font-size: 24px;
|
|
font-size: 24px;
|
|
- padding-top: 20px;
|
|
+ // padding-top: 20px;
|
|
border-radius: 8px;
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
img{
|
|
img{
|
|
- width: 88px;
|
|
+ width: 156px;
|
|
- height: 88px;
|
|
+ height: 156px;
|
|
display: block;
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-right: auto;
|
|
|
|
+ object-fit: cover;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.active{
|
|
.active{
|