|
|
@@ -10,7 +10,7 @@
|
|
|
<div class="desc">
|
|
|
<div class="desc_title">{{item.title }}</div>
|
|
|
<div class="desc_tig">{{ item.desc }}</div>
|
|
|
- <div class="desc_btn">Know More</div>
|
|
|
+ <a href="/report-industries" class="desc_btn">Know More</a>
|
|
|
</div>
|
|
|
</n-carousel-item>
|
|
|
</template>
|
|
|
@@ -65,10 +65,10 @@
|
|
|
<template v-for="item in marketInfo1.list" :key="item">
|
|
|
<n-carousel-item>
|
|
|
<div class="img">
|
|
|
- <img class="carousel-img" :src="BaseUrl+'/carousel/'+item.name" />
|
|
|
+ <img class="carousel-img" :src="BaseUrl+'/fileupload/'+item.filePath+item.fileName" />
|
|
|
<div class="desc">
|
|
|
<div class="desc_title">{{item.title}}</div>
|
|
|
- <a class="desc_btn" :href="'/reports/'+item.webTitle+'-'+item.id">View details</a>
|
|
|
+ <a class="desc_btn" :href="'/news/'+item.webTitle+'-'+item.id">View details</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</n-carousel-item>
|
|
|
@@ -85,16 +85,18 @@
|
|
|
<div class="popularBox_l">
|
|
|
<div class="popularBox_l_title">
|
|
|
<div class="popularBox_l_title_l">Popular Research Reports</div>
|
|
|
- <div class="popularBox_l_title_r">Know More <span class="iconfont icon-jiantou24"></span> </div>
|
|
|
+ <a class="popularBox_l_title_r" href="/report-industries">Know More <span class="iconfont icon-jiantou24"></span> </a>
|
|
|
</div>
|
|
|
<div class="popularBox_l_list">
|
|
|
<!-- reports -->
|
|
|
<!-- marketInfo2.list -->
|
|
|
- <template v-for="(v,i) in marketInfo2.list" :key="i">
|
|
|
+ <template v-for="(v,i) in reports" :key="i">
|
|
|
<div class="popularBox_l_list_item" v-if="i<2">
|
|
|
- <img :src="BaseUrl + '/report/' + v.fileName" alt="">
|
|
|
+ <a :href="'/reports/'+v.webTitle+'-'+v.id">
|
|
|
+ <img :src="BaseUrl + '/report/' + v.fileName" alt="">
|
|
|
+ </a>
|
|
|
<div class="popularBox_l_list_item_box">
|
|
|
- <div class="popularBox_l_list_item_box_title">{{v.title}}</div>
|
|
|
+ <a class="popularBox_l_list_item_box_title" :href="'/reports/'+v.webTitle+'-'+v.id">{{v.title}}</a>
|
|
|
<a class="popularBox_l_list_item_box_btn" :href="'/reports/'+v.webTitle+'-'+v.id">View details</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -117,13 +119,15 @@
|
|
|
<div class="hotBox_title">Hot News</div>
|
|
|
<div class="hotBox_list">
|
|
|
<template v-for="(v,i) in markets" :key="i">
|
|
|
- <a class="hotBox_list_item" :href="'news'+v.webTitle + '-' + v.id " @click.prevent="viewNewsDetail(v)" v-if="i<3">
|
|
|
- <img :src="BaseUrl + '/fileupload/' + v.filePath + v.fileName" alt="">
|
|
|
+ <div class="hotBox_list_item" @click.prevent="viewNewsDetail(v)" v-if="i<3">
|
|
|
+ <a :href="'news'+v.webTitle + '-' + v.id ">
|
|
|
+ <img :src="BaseUrl + '/fileupload/' + v.filePath + v.fileName" alt="">
|
|
|
+ </a>
|
|
|
<div class="hotBox_list_item_box">
|
|
|
<div class="hotBox_list_item_box_date">{{formatDateEn(v.publishDate)}}</div>
|
|
|
- <div class="hotBox_list_item_box_text">{{v.title}}</div>
|
|
|
+ <a :href="'news'+v.webTitle + '-' + v.id " class="hotBox_list_item_box_text">{{v.title}}</a>
|
|
|
</div>
|
|
|
- </a>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
</div>
|
|
|
<a class="hotBox_btn" href="/news-categories">Know More</a>
|
|
|
@@ -145,7 +149,7 @@
|
|
|
<div class="customersBox_subTitle">Trusted by Leading Companies Worldwide.</div>
|
|
|
<div class="customersBox_carousel">
|
|
|
<!-- draggable -->
|
|
|
- <n-carousel ref="card5SwiperRef" autoplay :space-between="0" loop :interval="2000">
|
|
|
+ <n-carousel ref="card5SwiperRef" autoplay draggable :space-between="0" loop :interval="2000">
|
|
|
<n-carousel-item class="customersBox_carousel_item " v-for="(v,i) in list3" :key="i">
|
|
|
<img v-for="(k,j) in v" :key="'img'+j" :src="k" alt="">
|
|
|
</n-carousel-item>
|
|
|
@@ -192,6 +196,30 @@ import customersServed3 from '@/assets/images/customersServed/img3.png'
|
|
|
import customersServed4 from '@/assets/images/customersServed/img4.png'
|
|
|
import customersServed5 from '@/assets/images/customersServed/img5.png'
|
|
|
import customersServed6 from '@/assets/images/customersServed/img6.png'
|
|
|
+import customersServed7 from '@/assets/images/customersServed/img7.png'
|
|
|
+import customersServed8 from '@/assets/images/customersServed/img8.png'
|
|
|
+import customersServed9 from '@/assets/images/customersServed/img9.png'
|
|
|
+import customersServed10 from '@/assets/images/customersServed/img10.png'
|
|
|
+import customersServed11 from '@/assets/images/customersServed/img11.png'
|
|
|
+import customersServed12 from '@/assets/images/customersServed/img12.png'
|
|
|
+import customersServed13 from '@/assets/images/customersServed/img13.png'
|
|
|
+import customersServed14 from '@/assets/images/customersServed/img14.png'
|
|
|
+import customersServed15 from '@/assets/images/customersServed/img15.png'
|
|
|
+import customersServed16 from '@/assets/images/customersServed/img16.png'
|
|
|
+import customersServed17 from '@/assets/images/customersServed/img17.png'
|
|
|
+import customersServed18 from '@/assets/images/customersServed/img18.png'
|
|
|
+import customersServed19 from '@/assets/images/customersServed/img19.png'
|
|
|
+import customersServed20 from '@/assets/images/customersServed/img20.png'
|
|
|
+import customersServed21 from '@/assets/images/customersServed/img21.png'
|
|
|
+import customersServed22 from '@/assets/images/customersServed/img22.png'
|
|
|
+import customersServed23 from '@/assets/images/customersServed/img23.png'
|
|
|
+import customersServed24 from '@/assets/images/customersServed/img24.png'
|
|
|
+import customersServed25 from '@/assets/images/customersServed/img25.png'
|
|
|
+import customersServed26 from '@/assets/images/customersServed/img26.png'
|
|
|
+import customersServed27 from '@/assets/images/customersServed/img27.png'
|
|
|
+import customersServed28 from '@/assets/images/customersServed/img28.png'
|
|
|
+import customersServed29 from '@/assets/images/customersServed/img29.png'
|
|
|
+import customersServed30 from '@/assets/images/customersServed/img30.png'
|
|
|
const config = useRuntimeConfig();
|
|
|
const BaseUrl = ref(config.public.baseUrl);
|
|
|
const { t } = useI18n();
|
|
|
@@ -263,7 +291,11 @@ const list2 = ref([
|
|
|
{ name: '24-Hour Support', img: researchAdvantages6, imga: researchAdvantages6_a },
|
|
|
])
|
|
|
const list3 = ref([
|
|
|
- [customersServed1, customersServed2, customersServed3, customersServed4, customersServed5, customersServed6]
|
|
|
+ [customersServed1, customersServed2, customersServed3, customersServed4, customersServed5, customersServed6],
|
|
|
+ [customersServed7, customersServed8, customersServed9, customersServed10, customersServed11, customersServed12],
|
|
|
+ [customersServed13, customersServed14, customersServed15, customersServed16, customersServed17, customersServed18],
|
|
|
+ [customersServed19, customersServed20, customersServed21, customersServed22, customersServed23, customersServed24],
|
|
|
+ [customersServed25, customersServed26, customersServed27, customersServed28, customersServed29, customersServed30]
|
|
|
])
|
|
|
|
|
|
//查询
|
|
|
@@ -319,6 +351,7 @@ reportDict.value = await getLocalSessionReport();
|
|
|
|
|
|
// 研究报告列表
|
|
|
const map = await reportAndMarketListData();
|
|
|
+console.log("map", map)
|
|
|
reports.value = map.report;
|
|
|
markets.value = map.market;
|
|
|
// onMounted(async () => {
|
|
|
@@ -331,13 +364,15 @@ let params1 = {
|
|
|
}
|
|
|
const marketInfoRet1 = await marketInfoPageList(params1);
|
|
|
marketInfo1.value = marketInfoRet1;
|
|
|
-let params2 = {
|
|
|
- marketTypeList: "industry-information,policy-interpretation",
|
|
|
- pageNo: 1,
|
|
|
- pageSize: 2
|
|
|
-}
|
|
|
-const marketInfoRet2 = await marketInfoPageList(params2);
|
|
|
-marketInfo2.value = marketInfoRet2;
|
|
|
+console.log("marketInfo1", marketInfo1.value)
|
|
|
+// let params2 = {
|
|
|
+// marketTypeList: "industry-information,policy-interpretation",
|
|
|
+// pageNo: 1,
|
|
|
+// pageSize: 2
|
|
|
+// }
|
|
|
+// const marketInfoRet2 = await marketInfoPageList(params2);
|
|
|
+// marketInfo2.value = marketInfoRet2;
|
|
|
+
|
|
|
useHead({
|
|
|
title: t('defaultSettings.title'),
|
|
|
viewport: "width=device-width,initial-scale=1,maximum-scale=1 ",
|
|
|
@@ -492,7 +527,7 @@ useHead({
|
|
|
span {
|
|
|
display: block;
|
|
|
transform: rotateZ(-180deg);
|
|
|
- font-size: 42px;
|
|
|
+ font-size: var(--size-42);
|
|
|
color: #1a1a1a;
|
|
|
}
|
|
|
}
|
|
|
@@ -500,7 +535,7 @@ useHead({
|
|
|
right: var(--size-105);
|
|
|
span {
|
|
|
display: block;
|
|
|
- font-size: 42px;
|
|
|
+ font-size: var(--size-42);
|
|
|
color: #1a1a1a;
|
|
|
}
|
|
|
}
|
|
|
@@ -593,6 +628,7 @@ useHead({
|
|
|
width: var(--size-360);
|
|
|
border-radius: var(--size-10);
|
|
|
overflow: hidden;
|
|
|
+ background: #ffffff;
|
|
|
&:first-child {
|
|
|
margin-right: var(--size-47);
|
|
|
}
|
|
|
@@ -600,6 +636,7 @@ useHead({
|
|
|
width: var(--size-360);
|
|
|
height: var(--size-404);
|
|
|
display: block;
|
|
|
+ // object-fit: contain;
|
|
|
}
|
|
|
.popularBox_l_list_item_box {
|
|
|
background: #ffffff;
|
|
|
@@ -688,6 +725,7 @@ useHead({
|
|
|
cursor: pointer;
|
|
|
width: var(--size-514);
|
|
|
margin-right: var(--size-43);
|
|
|
+ background: #ffffff;
|
|
|
&:last-child {
|
|
|
margin-right: 0;
|
|
|
}
|
|
|
@@ -695,6 +733,7 @@ useHead({
|
|
|
width: var(--size-514);
|
|
|
height: var(--size-372);
|
|
|
display: block;
|
|
|
+ // object-fit: contain;
|
|
|
}
|
|
|
.hotBox_list_item_box {
|
|
|
padding: var(--size-30) var(--size-18) var(--size-41);
|
|
|
@@ -844,22 +883,22 @@ useHead({
|
|
|
.home_t {
|
|
|
height: 100vh;
|
|
|
.desc {
|
|
|
- padding: 30px;
|
|
|
+ padding: var(--size-30);
|
|
|
.desc_title {
|
|
|
- font-size: 24px;
|
|
|
+ font-size: var(--size-24);
|
|
|
}
|
|
|
.desc_tig {
|
|
|
- font-size: 12px;
|
|
|
+ font-size: var(--size-12);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.numList {
|
|
|
- padding: 0 30px;
|
|
|
+ padding: 0 var(--size-30);
|
|
|
display: block;
|
|
|
.item {
|
|
|
width: 100% !important;
|
|
|
height: auto;
|
|
|
- padding: 20px 0;
|
|
|
+ padding: var(--size-20) 0;
|
|
|
text-align: center;
|
|
|
img {
|
|
|
margin: auto;
|
|
|
@@ -880,7 +919,8 @@ useHead({
|
|
|
height: auto;
|
|
|
}
|
|
|
.desc {
|
|
|
- left: 20px;
|
|
|
+ left: 0;
|
|
|
+ padding: var(--size-20);
|
|
|
.desc_title {
|
|
|
width: 100%;
|
|
|
font-size: var(--size-16);
|
|
|
@@ -897,32 +937,32 @@ useHead({
|
|
|
margin: var(--size-15) auto;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- .direction {
|
|
|
- width: var(--size-36);
|
|
|
- height: var(--size-36);
|
|
|
- span {
|
|
|
- font-size: 21px;
|
|
|
- }
|
|
|
- }
|
|
|
- .carousel_l {
|
|
|
- left: -18px;
|
|
|
- }
|
|
|
- .carousel_r {
|
|
|
- right: -18px;
|
|
|
+ }
|
|
|
+ .direction {
|
|
|
+ width: var(--size-36);
|
|
|
+ height: var(--size-36);
|
|
|
+ top: 48%;
|
|
|
+ span {
|
|
|
+ font-size: var(--size-21);
|
|
|
}
|
|
|
}
|
|
|
+ .carousel_l {
|
|
|
+ left: var(--size-7);
|
|
|
+ }
|
|
|
+ .carousel_r {
|
|
|
+ right: var(--size-7);
|
|
|
+ }
|
|
|
}
|
|
|
.popularBox {
|
|
|
display: block;
|
|
|
- padding: 30px;
|
|
|
+ padding: var(--size-30);
|
|
|
.popularBox_l {
|
|
|
margin-right: 0;
|
|
|
.popularBox_l_title {
|
|
|
display: block;
|
|
|
.popularBox_l_title_l {
|
|
|
- font-size: 24px;
|
|
|
- line-height: 29px;
|
|
|
+ font-size: var(--size-24);
|
|
|
+ line-height: var(--size-29);
|
|
|
margin-right: 0;
|
|
|
font-weight: 700;
|
|
|
}
|
|
|
@@ -936,7 +976,7 @@ useHead({
|
|
|
.popularBox_l_list_item {
|
|
|
width: 48%;
|
|
|
margin: 0 !important;
|
|
|
- > img {
|
|
|
+ img {
|
|
|
width: 100%;
|
|
|
height: auto;
|
|
|
}
|
|
|
@@ -989,7 +1029,7 @@ useHead({
|
|
|
}
|
|
|
}
|
|
|
.hotBox {
|
|
|
- padding: 30px;
|
|
|
+ padding: var(--size-30);
|
|
|
.hotBox_title {
|
|
|
font-size: var(--size-24);
|
|
|
}
|
|
|
@@ -1056,4 +1096,9 @@ useHead({
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+::v-deep .customersBox_carousel {
|
|
|
+ .n-carousel.n-carousel--bottom .n-carousel__dots {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
