样式调整

src/components/Search.vue

@@ -37,7 +37,10 @@ const handleClean = () => {
   emit('clean')
 };
 const handleSearch = ()=>{
-  if(!searchData.value.length) return
+  if(!searchData.value.length){
+    emit('clean')
+    return
+  }
   emit('search',searchData.value)
 }
 </script>

src/views/report/FiccIntroduce.vue

@@ -72,25 +72,25 @@ let userList=ref([
 <template>
     <div class="ficc-server-introduce">
         <img class="top-img" src="@/assets/ficcServerIntro/top-img.png" alt="">
-        <p style="text-align:center;color: #F3A52F;font-size: 14px;">COMPANY PROFILE</p>
-        <p style="text-align:center;font-size: 18px;font-weight: bold;">公司介绍</p>
-        <p style="font-size: 14px;line-height: 28px;">弘则研究是中国资本市场最优秀的独立研究机构，以研究为内核，为国内及海外的机构投资者提供宏观经济、大类资产、新兴行业及公司分析 和投资策略服务。</p>
-        <p style="font-size: 14px;line-height: 28px;">公司本着独立客观，踏实前瞻的研究态度，主要服务于专业的机构投资者、企业、交易所和政府等非盈利组织。弘则研究的公募基金客户群体覆 盖了国内位居前五十位的基金公司。弘则也为大型央企和优秀民营企业提供研究咨询服务，包括有色、化工、煤炭、钢铁多个品种的全国最大贸易商和厂商。</p>
-        <p style="font-size: 14px;line-height: 28px;">公司核心团队拥有优异的教育背景以及平均8年以上的金融研究或行业经验，并曾在目前市场上有影响力的投资咨询机构担任核心业务或管理职位。现有200余人的团队，总部位于上海，现有美国、新加坡、深圳、北京、杭州、无锡办公室。</p>
-        <p  style="text-align:center;color: #F3A52F;font-size: 14px;margin-top: 80px;">PRODUCT INTRODUCTION</p>
-        <p style="text-align:center;font-size: 18px;font-weight: bold;margin-bottom: 20px;">产品介绍</p>
+        <p style="text-align:center;color: #F3A52F;font-size: 16px;">COMPANY PROFILE</p>
+        <p style="text-align:center;font-size: 20px;font-weight: bold;">公司介绍</p>
+        <p style="font-size: 18px;line-height: 36px;">弘则研究是中国资本市场最优秀的独立研究机构，以研究为内核，为国内及海外的机构投资者提供宏观经济、大类资产、新兴行业及公司分析 和投资策略服务。</p>
+        <p style="font-size: 18px;line-height: 36px;">公司本着独立客观，踏实前瞻的研究态度，主要服务于专业的机构投资者、企业、交易所和政府等非盈利组织。弘则研究的公募基金客户群体覆 盖了国内位居前五十位的基金公司。弘则也为大型央企和优秀民营企业提供研究咨询服务，包括有色、化工、煤炭、钢铁多个品种的全国最大贸易商和厂商。</p>
+        <p style="font-size: 18px;line-height: 36px;">公司核心团队拥有优异的教育背景以及平均8年以上的金融研究或行业经验，并曾在目前市场上有影响力的投资咨询机构担任核心业务或管理职位。现有200余人的团队，总部位于上海，现有美国、新加坡、深圳、北京、杭州、无锡办公室。</p>
+        <p  style="text-align:center;color: #F3A52F;font-size: 16px;margin-top: 80px;">PRODUCT INTRODUCTION</p>
+        <p style="text-align:center;font-size: 20px;font-weight: bold;margin-bottom: 20px;">产品介绍</p>
         <table>
             <tr>
                 <td style="border-color: #F3A52F;color: #F3A52F;font-weight: bold;">服务内容</td>
                 <td style="border-color: #F3A52F;color: #F3A52F;font-weight: bold;">服务形式</td>
                 <td style="border-color: #F3A52F;color: #F3A52F;font-weight: bold;">服务次数</td>
             </tr>
-            <tr v-for="item in table">
-                <td v-for="_item in item" :style="{color:_item.color}">{{_item.name}}</td>
+            <tr v-for="item in table" :key="item">
+                <td v-for="_item in item" :key="_item.name" :style="{color:_item.color}">{{_item.name}}</td>
             </tr>
         </table>
-        <p  style="text-align:center;color: #F3A52F;font-size: 14px;margin-top: 80px;">RESEARCHER INTRODUCTION</p>
-        <p style="text-align:center;font-size: 18px;font-weight: bold;">主要研究员介绍</p>
+        <p  style="text-align:center;color: #F3A52F;font-size: 16px;margin-top: 80px;">RESEARCHER INTRODUCTION</p>
+        <p style="text-align:center;font-size: 20px;font-weight: bold;margin-bottom:30px">主要研究员介绍</p>
         <div class="flex user-wrap">
             <div class="item" v-for="item in userList" :key="item.name">
                 <img :src="item.avatar" alt="">
@@ -121,7 +121,7 @@ let userList=ref([
             text-align: center;
             border: 1px solid #E6E6E6;
             padding: 14px 10px 16px 10px;
-            font-size: 14px;
+            font-size: 18px;
         }
     }
 
@@ -131,7 +131,7 @@ let userList=ref([
         .item{
             width: 25%;
             text-align: center;
-            font-size: 14px;
+            font-size: 18px;
             margin-bottom: 60px;
             img{
                 width: 84px;

src/views/report/List.vue

@@ -199,7 +199,7 @@ onActivated(()=>{
             :isEmpty="reportState.list.length === 0 && reportState.finished" 
             :loading="reportState.loading" 
             @listOnload="onLoad"
-            emptyMsg="找不到对应报告，试试别的搜索词吧"
+            :emptyMsg="reportState.searchVal?'找不到对应报告，试试别的搜索词吧':'暂无报告'"
         >
         <div class="flex list-wrap">
             <div class="flex item" v-for="item in reportState.list" :key="item.report_id" @click="goReportDetail(item)">