|
|
@@ -112,6 +112,13 @@ onBeforeRouteUpdate(to => {
|
|
|
<div class="box" @click="showTips"></div>
|
|
|
</div>
|
|
|
<div class="content-wrap">
|
|
|
+ <div class="top-box">
|
|
|
+ <h2>{{info.research_report_type_info.research_report_type_title}}</h2>
|
|
|
+ <span class="classify-box">
|
|
|
+ <img :src="info.research_report_type_info.banner_url" alt="">
|
|
|
+ <span>{{info.research_report_type_info.report_chapter_type_name}}</span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
<div
|
|
|
v-for="item in info.research_report_type_content_list"
|
|
|
:key="item.sort"
|
|
|
@@ -282,6 +289,33 @@ onBeforeRouteUpdate(to => {
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
}
|
|
|
+ .top-box{
|
|
|
+ margin-bottom: 30px;
|
|
|
+ h2{
|
|
|
+ margin: 0;
|
|
|
+ font-size: 40px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .classify-box{
|
|
|
+ border: 1px solid rgb(97, 132, 188);
|
|
|
+ border-radius: 52px;
|
|
|
+ padding: 10px 20px;
|
|
|
+ img{
|
|
|
+ width: 34px;
|
|
|
+ height: 34px;
|
|
|
+ margin-right: 10px;
|
|
|
+ margin-top: 0;
|
|
|
+ margin-bottom: 0;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align:middle;
|
|
|
+ }
|
|
|
+ span{
|
|
|
+ vertical-align:middle;
|
|
|
+ font-size: 28px;
|
|
|
+ color: rgb(97, 132, 188);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
#tipsAlert {
|
