fix bug
parent
181bc06d63
commit
4a98654782
|
|
@ -98,22 +98,22 @@ getFile()
|
||||||
</div> -->
|
</div> -->
|
||||||
<div class="mt30px mr20px flex w100% relative">
|
<div class="mt30px mr20px flex w100% relative">
|
||||||
<!-- <img src="../../assets/images/fangz.png" class="w100%"/> -->
|
<!-- <img src="../../assets/images/fangz.png" class="w100%"/> -->
|
||||||
<img src="../../assets/images/fzqiet.png" class="w100%" />
|
<!-- <img src="../../assets/images/fzqiet.png" class="w100%" />
|
||||||
<div
|
<div
|
||||||
class="absolute py10px left-1160px top-270px pb-0px z-100 text-20px text-#285FE9 flex justify-center items-center hover:border-b-1px hover:border-b-solid hover:border-b-#285FE9 hover:cursor-pointer"
|
class="absolute py10px left-1160px top-270px pb-0px z-100 text-20px text-#285FE9 flex justify-center items-center hover:border-b-1px hover:border-b-solid hover:border-b-#285FE9 hover:cursor-pointer"
|
||||||
@click="goFile"
|
@click="goFile"
|
||||||
>
|
>
|
||||||
<img src="../../assets/images/wjqq@2x.png" class="w18px h20px mr8px" />
|
<img src="../../assets/images/wjqq@2x.png" class="w18px h20px mr8px" />
|
||||||
2024年グループ年頭方针
|
2024年グループ年頭方针
|
||||||
</div>
|
</div> -->
|
||||||
<!-- <img src="../../assets/images/2024fz.jpg" class="w100%" />
|
<img src="../../assets/images/2024fz.jpg" class="w100%" />
|
||||||
<div
|
<div
|
||||||
class="absolute py10px left-880px top-250px pb-0px z-100 text-20px text-#285FE9 flex justify-center items-center hover:border-b-1px hover:border-b-solid hover:border-b-#285FE9 hover:cursor-pointer"
|
class="absolute py10px left-880px top-250px pb-0px z-100 text-20px text-#285FE9 flex justify-center items-center hover:border-b-1px hover:border-b-solid hover:border-b-#285FE9 hover:cursor-pointer"
|
||||||
@click="goFile"
|
@click="goFile"
|
||||||
>
|
>
|
||||||
<img src="../../assets/images/wjqq@2x.png" class="w18px h20px mr8px" />
|
<img src="../../assets/images/wjqq@2x.png" class="w18px h20px mr8px" />
|
||||||
2024年グループ年頭方针
|
2024年グループ年頭方针
|
||||||
</div> -->
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -9,18 +9,18 @@ const route = useRoute()
|
||||||
const { push } = useRouter()
|
const { push } = useRouter()
|
||||||
const listData = ref<any[]>([])
|
const listData = ref<any[]>([])
|
||||||
async function getPageList() {
|
async function getPageList() {
|
||||||
const { code } = report({ moduleCode: 'App_Article' })
|
const { code } = report({ moduleCode: 'App_Article' })
|
||||||
const { rows } = await getArticlePage({
|
const { rows } = await getArticlePage({
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
position: 'relate'
|
position: 'relate'
|
||||||
} as any)
|
} as any)
|
||||||
// console.log(rows)
|
// console.log(rows)
|
||||||
// for (let index = 0; index < 50; index++) {
|
// for (let index = 0; index < 50; index++) {
|
||||||
listData.value = rows
|
listData.value = rows
|
||||||
|
|
||||||
// }
|
// }
|
||||||
console.log(listData.value.length)
|
console.log(listData.value.length)
|
||||||
}
|
}
|
||||||
onMounted(getPageList)
|
onMounted(getPageList)
|
||||||
|
|
||||||
|
|
@ -37,126 +37,105 @@ onMounted(getPageList)
|
||||||
// }
|
// }
|
||||||
// }
|
// }
|
||||||
const toDetail2 = (n: any) => {
|
const toDetail2 = (n: any) => {
|
||||||
// console.log(n)
|
// console.log(n)
|
||||||
if (n.id === 0) return
|
if (n.id === 0) return
|
||||||
if (n.isSelect === 1) {
|
if (n.isSelect === 1) {
|
||||||
push(`/intelligence/${n.type == 2 ? 'within' : 'outside'}/` + n.id)
|
push(`/intelligence/${n.type == 2 ? 'within' : 'outside'}/` + n.id)
|
||||||
} else {
|
} else {
|
||||||
message.error('没有访问权限')
|
message.error('没有访问权限')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
const modules = [Autoplay, Pagination, Navigation, A11y]
|
const modules = [Autoplay, Pagination, Navigation, A11y]
|
||||||
|
|
||||||
const files = ref<any>({})
|
const files = ref<any>({})
|
||||||
const cateId = 201
|
const cateId = 201
|
||||||
const getFile = async () => {
|
const getFile = async () => {
|
||||||
const { rows }: any = await cateFileList({
|
const { rows }: any = await cateFileList({
|
||||||
// cateId: 201,
|
// cateId: 201,
|
||||||
cateId,
|
cateId,
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 1
|
pageSize: 1
|
||||||
})
|
})
|
||||||
files.value = rows?.[0] || {}
|
files.value = rows?.[0] || {}
|
||||||
const t = files.value.createTime
|
const t = files.value.createTime
|
||||||
if (t) {
|
if (t) {
|
||||||
const arr = t.split('-')
|
const arr = t.split('-')
|
||||||
files.value.time = arr[0] + '年' + (+arr[1] - 1) + '月'
|
files.value.time = arr[0] + '年' + (+arr[1] - 1) + '月'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
getFile()
|
getFile()
|
||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
<div class="card news relative">
|
<div class="card news relative">
|
||||||
<div class="flex justify-between items-center">
|
<div class="flex justify-between items-center">
|
||||||
<div>
|
<div>
|
||||||
<div
|
<div
|
||||||
class="card_title cursor-pointer hover:underline"
|
class="card_title cursor-pointer hover:underline"
|
||||||
@click="push({ name: 'Intelligence' })"
|
@click="push({ name: 'Intelligence' })"
|
||||||
>
|
>
|
||||||
外部情报
|
外部情报
|
||||||
</div>
|
</div>
|
||||||
<div class="card_sub-title">责任者：调达研究院 研究企画T</div>
|
<!-- <div class="card_sub-title">责任者：调达研究院 研究企画T</div> -->
|
||||||
</div>
|
<div class="card_sub-title">责任者：开发调达部 研究企画T</div>
|
||||||
<div
|
</div>
|
||||||
class="flex text-#fff tetx-16px items-end txt-bg px-10px py-8px rounded-10px text-#fff mt-[10px] mr-16px"
|
<div
|
||||||
>
|
class="flex text-#fff tetx-16px items-end txt-bg px-10px py-8px rounded-10px text-#fff mt-[10px] mr-16px"
|
||||||
<p
|
>
|
||||||
class="text-16px text-#fff flex flex-col flex-start"
|
<p
|
||||||
@click="push({ name: 'DataBase', query: { id: cateId } })"
|
class="text-16px text-#fff flex flex-col flex-start"
|
||||||
>
|
@click="push({ name: 'DataBase', query: { id: cateId } })"
|
||||||
<span
|
>
|
||||||
class="flex align-middle items-center cursor-pointer hover:underline mb-4px"
|
<span class="flex align-middle items-center cursor-pointer hover:underline mb-4px"
|
||||||
>调达本部月报
|
>调达本部月报
|
||||||
<img
|
<img class="h-14px pl-4px" src="@/assets/images/yjtt@2x.png" alt="" />
|
||||||
class="h-14px pl-4px"
|
</span>
|
||||||
src="@/assets/images/yjtt@2x.png"
|
<span class="text-14px mt2px"> 作成日：{{ files.time || `2024年1月` }} </span>
|
||||||
alt=""
|
</p>
|
||||||
/>
|
</div>
|
||||||
</span>
|
</div>
|
||||||
<span class="text-14px mt2px">
|
<div class="card_content px-20px pt-30px pb-0">
|
||||||
作成日：{{ files.time || `2024年1月` }}
|
<div
|
||||||
</span>
|
v-if="false"
|
||||||
</p>
|
class="news_card w-437px flex items-end gap-12px text-#fff/80 !absolute right--20% top--38% scale-50"
|
||||||
</div>
|
>
|
||||||
</div>
|
<img
|
||||||
<div class="card_content px-20px pt-30px pb-0">
|
src="@/assets/images/bg-card6-text.svg"
|
||||||
<div
|
class="h26px absolute left-16px top-16px animate__animated animate__zoomIn animate__delay-2s animate__slower animate__repeat-2"
|
||||||
v-if="false"
|
/>
|
||||||
class="news_card w-437px flex items-end gap-12px text-#fff/80 !absolute right--20% top--38% scale-50"
|
<div class="news_card_item i1 flex-1 w0 h100px p10px pt56px flex flex-col justify-around">
|
||||||
>
|
<img
|
||||||
<img
|
src="@/assets/images/WATCHING@2x.png"
|
||||||
src="@/assets/images/bg-card6-text.svg"
|
class="w41px h47px absolute left-40px top-25px animate__animated animate__infinite animate__heartBeat"
|
||||||
class="h26px absolute left-16px top-16px animate__animated animate__zoomIn animate__delay-2s animate__slower animate__repeat-2"
|
/>
|
||||||
/>
|
<img src="@/assets/images/WATCHING2@2x.png" class="w80px left-10px top-10px" />
|
||||||
<div
|
<!-- <p class="truncate" v-if="listData && Array.isArray(listData) && listData.length > 0" v-for="i in listData.slice(0,2)" :key="i" @click="toDetail2(i)">{{ i.title }}</p> -->
|
||||||
class="news_card_item i1 flex-1 w0 h100px p10px pt56px flex flex-col justify-around"
|
</div>
|
||||||
>
|
<div class="news_card_item i2 flex-1 w0 h120px p10px pt56px flex flex-col justify-around">
|
||||||
<img
|
<img
|
||||||
src="@/assets/images/WATCHING@2x.png"
|
src="@/assets/images/ALARM@2x.png"
|
||||||
class="w41px h47px absolute left-40px top-25px animate__animated animate__infinite animate__heartBeat"
|
class="w61px h63px absolute left-28px top-30px animate__animated animate__infinite animate__fadeIn"
|
||||||
/>
|
/>
|
||||||
<img
|
<img src="@/assets/images/ALARM2@2x.png" class="w70px left-15px top-14px" />
|
||||||
src="@/assets/images/WATCHING2@2x.png"
|
<!-- <p class="truncate" v-if="listData && Array.isArray(listData) && listData.length > 2" v-for="i in listData.slice(2,4)" :key="i" @click="toDetail2(i)">{{ i.title }}</p> -->
|
||||||
class="w80px left-10px top-10px"
|
</div>
|
||||||
/>
|
<div class="news_card_item i3 w140px h160px p10px pt70px flex flex-col justify-around">
|
||||||
<!-- <p class="truncate" v-if="listData && Array.isArray(listData) && listData.length > 0" v-for="i in listData.slice(0,2)" :key="i" @click="toDetail2(i)">{{ i.title }}</p> -->
|
<img
|
||||||
</div>
|
src="@/assets/images/WARNING@2x.png"
|
||||||
<div
|
class="w82px h66px absolute left-30px top-45px animate__animated animate__infinite animate__flipOutY"
|
||||||
class="news_card_item i2 flex-1 w0 h120px p10px pt56px flex flex-col justify-around"
|
/>
|
||||||
>
|
<img src="@/assets/images//WARNING2@2x.png" class="w100px left-8px top-20px" />
|
||||||
<img
|
<!-- <p class="truncate" v-if="listData && Array.isArray(listData) && listData.length > 4" v-for="i in listData.slice(4,7)" :key="i" @click="toDetail2(i)">{{ i.title }}</p> -->
|
||||||
src="@/assets/images/ALARM@2x.png"
|
</div>
|
||||||
class="w61px h63px absolute left-28px top-30px animate__animated animate__infinite animate__fadeIn"
|
</div>
|
||||||
/>
|
<div
|
||||||
<img
|
class="card_title !pl0 !pt0 cursor-pointer hover:underline"
|
||||||
src="@/assets/images/ALARM2@2x.png"
|
@click="push({ name: 'News' })"
|
||||||
class="w70px left-15px top-14px"
|
>
|
||||||
/>
|
最新News
|
||||||
<!-- <p class="truncate" v-if="listData && Array.isArray(listData) && listData.length > 2" v-for="i in listData.slice(2,4)" :key="i" @click="toDetail2(i)">{{ i.title }}</p> -->
|
</div>
|
||||||
</div>
|
<div class="font-16px !h-230px overflow-y-auto mt10px">
|
||||||
<div
|
<!-- <n-carousel direction="vertical" dot-placement="right" style="width: 100%; height: 100px" autoplay :interval="1200"
|
||||||
class="news_card_item i3 w140px h160px p10px pt70px flex flex-col justify-around"
|
|
||||||
>
|
|
||||||
<img
|
|
||||||
src="@/assets/images/WARNING@2x.png"
|
|
||||||
class="w82px h66px absolute left-30px top-45px animate__animated animate__infinite animate__flipOutY"
|
|
||||||
/>
|
|
||||||
<img
|
|
||||||
src="@/assets/images//WARNING2@2x.png"
|
|
||||||
class="w100px left-8px top-20px"
|
|
||||||
/>
|
|
||||||
<!-- <p class="truncate" v-if="listData && Array.isArray(listData) && listData.length > 4" v-for="i in listData.slice(4,7)" :key="i" @click="toDetail2(i)">{{ i.title }}</p> -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="card_title !pl0 !pt0 cursor-pointer hover:underline"
|
|
||||||
@click="push({ name: 'News' })"
|
|
||||||
>
|
|
||||||
最新News
|
|
||||||
</div>
|
|
||||||
<div class="font-16px !h-230px overflow-y-auto mt10px">
|
|
||||||
<!-- <n-carousel direction="vertical" dot-placement="right" style="width: 100%; height: 100px" autoplay :interval="1200"
|
|
||||||
:slides-per-view="2" :space-between="0" :loop="false" mousewheel>
|
:slides-per-view="2" :space-between="0" :loop="false" mousewheel>
|
||||||
<div class="mt-10px" v-if="listData && Array.isArray(listData) && listData.length > 0" v-for="i in listData"
|
<div class="mt-10px" v-if="listData && Array.isArray(listData) && listData.length > 0" v-for="i in listData"
|
||||||
:key="i">
|
:key="i">
|
||||||
|
|
@ -167,192 +146,192 @@ getFile()
|
||||||
</div>
|
</div>
|
||||||
</n-carousel> -->
|
</n-carousel> -->
|
||||||
|
|
||||||
<swiper
|
<swiper
|
||||||
id="swiperList2"
|
id="swiperList2"
|
||||||
v-if="listData"
|
v-if="listData"
|
||||||
:slides-per-view="4"
|
:slides-per-view="4"
|
||||||
:autoplay="{ delay: 1000, disableOnInteraction: false }"
|
:autoplay="{ delay: 1000, disableOnInteraction: false }"
|
||||||
:speed="500"
|
:speed="500"
|
||||||
:space-between="10"
|
:space-between="10"
|
||||||
:direction="'vertical'"
|
:direction="'vertical'"
|
||||||
:scrollbar="{ draggable: false }"
|
:scrollbar="{ draggable: false }"
|
||||||
:loop="true"
|
:loop="true"
|
||||||
:modules="modules"
|
:modules="modules"
|
||||||
style="height: 230px"
|
style="height: 230px"
|
||||||
>
|
>
|
||||||
<swiper-slide v-for="(i, index) in listData" :key="index">
|
<swiper-slide v-for="(i, index) in listData" :key="index">
|
||||||
<div class="mt-10px">
|
<div class="mt-10px">
|
||||||
<div class="text-#142142 truncate text-16px">
|
<div class="text-#142142 truncate text-16px">
|
||||||
<a
|
<a
|
||||||
@click="toDetail2(i)"
|
@click="toDetail2(i)"
|
||||||
:href="i.url"
|
:href="i.url"
|
||||||
class="no-underline text-#142142 cursor-pointer hover:underline"
|
class="no-underline text-#142142 cursor-pointer hover:underline"
|
||||||
>{{ i.title }}</a
|
>{{ i.title }}</a
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-#808696 mt-8px text-14px">
|
<div class="text-#808696 mt-8px text-14px">
|
||||||
<span>来源于: {{ i.source }}</span> <span>{{
|
<span>来源于: {{ i.source }}</span> <span>{{
|
||||||
i.publishTime
|
i.publishTime
|
||||||
}}</span>
|
}}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</swiper-slide>
|
</swiper-slide>
|
||||||
</swiper>
|
</swiper>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 1px;
|
width: 1px;
|
||||||
}
|
}
|
||||||
.txt-bg {
|
.txt-bg {
|
||||||
background: linear-gradient(to right, #4aa7d9, #60d1c7);
|
background: linear-gradient(to right, #4aa7d9, #60d1c7);
|
||||||
}
|
}
|
||||||
.card {
|
.card {
|
||||||
// width: 480px;
|
// width: 480px;
|
||||||
// height: 428px;
|
// height: 428px;
|
||||||
width: 480px;
|
width: 480px;
|
||||||
height: 395px;
|
height: 395px;
|
||||||
border-radius: 18px;
|
border-radius: 18px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
// border: 1px solid #e7ebf5;
|
// border: 1px solid #e7ebf5;
|
||||||
box-shadow: 1px 2px 12px rgba(14, 86, 221, 0.32);
|
box-shadow: 1px 2px 12px rgba(14, 86, 221, 0.32);
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
content: ' ';
|
content: ' ';
|
||||||
background-image: url('@/assets/images/bg-card.svg');
|
background-image: url('@/assets/images/bg-card.svg');
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 127px;
|
height: 127px;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card_title {
|
.card_title {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
color: #142142;
|
color: #142142;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
padding-right: 8px;
|
padding-right: 8px;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card_sub-title {
|
.card_sub-title {
|
||||||
color: rgba(128, 134, 150, 0.8);
|
color: rgba(128, 134, 150, 0.8);
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.topics {
|
.topics {
|
||||||
.item {
|
.item {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
width: 210px;
|
width: 210px;
|
||||||
height: 155px;
|
height: 155px;
|
||||||
box-shadow: inset 1.4px 1.4px 0px 0px rgba(255, 255, 255, 0.004);
|
box-shadow: inset 1.4px 1.4px 0px 0px rgba(255, 255, 255, 0.004);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
background-image: url('@/assets/images/bg-card4.svg');
|
background-image: url('@/assets/images/bg-card4.svg');
|
||||||
background-position: -2px -2px;
|
background-position: -2px -2px;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: 215px 165px;
|
background-size: 215px 165px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.item_title {
|
.item_title {
|
||||||
padding-left: 16px;
|
padding-left: 16px;
|
||||||
padding-top: 22px;
|
padding-top: 22px;
|
||||||
color: #002fa7;
|
color: #002fa7;
|
||||||
position: relative;
|
position: relative;
|
||||||
// z-index: 9;
|
// z-index: 9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item_sub-title {
|
.item_sub-title {
|
||||||
color: rgba(128, 134, 150, 0.8);
|
color: rgba(128, 134, 150, 0.8);
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
padding-right: 8px;
|
padding-right: 8px;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item_img {
|
.item_img {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: -10px;
|
bottom: -10px;
|
||||||
right: 0;
|
right: 0;
|
||||||
// z-index: 5;
|
// z-index: 5;
|
||||||
transition: transform 0.3s;
|
transition: transform 0.3s;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
transform: scale(1.2);
|
transform: scale(1.2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.news {
|
.news {
|
||||||
.card_content {
|
.card_content {
|
||||||
// padding: 20px;
|
// padding: 20px;
|
||||||
// padding-top: 0;
|
// padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.news_card {
|
.news_card {
|
||||||
// width: 442px;
|
// width: 442px;
|
||||||
height: 180px;
|
height: 180px;
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
||||||
// background-image: url('./images/bg-card6.png');
|
// background-image: url('./images/bg-card6.png');
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
// background-position: 0 0;
|
// background-position: 0 0;
|
||||||
// background-size: cover;
|
// background-size: cover;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
|
|
||||||
// border: 0px solid;
|
// border: 0px solid;
|
||||||
// // padding: 0;
|
// // padding: 0;
|
||||||
// border-width: 4px;
|
// border-width: 4px;
|
||||||
// border-image-outset: 4px;
|
// border-image-outset: 4px;
|
||||||
// // box-sizing: content-box;
|
// // box-sizing: content-box;
|
||||||
|
|
||||||
// border-image-source: url('@/assets/images/bg-card6.svg');
|
// border-image-source: url('@/assets/images/bg-card6.svg');
|
||||||
// border-image-slice: 4 4 4 4;
|
// border-image-slice: 4 4 4 4;
|
||||||
// border-image-repeat: round repeat;
|
// border-image-repeat: round repeat;
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.news_card_item {
|
.news_card_item {
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background-position: 0 4px;
|
background-position: 0 4px;
|
||||||
|
|
||||||
&.i1 {
|
&.i1 {
|
||||||
background-image: url('@/assets/images/bg-card6-11.svg');
|
background-image: url('@/assets/images/bg-card6-11.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
&.i2 {
|
&.i2 {
|
||||||
background-image: url('@/assets/images/bg-card6-21.svg');
|
background-image: url('@/assets/images/bg-card6-21.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
&.i3 {
|
&.i3 {
|
||||||
background-image: url('@/assets/images/bg-card6-31.svg');
|
background-image: url('@/assets/images/bg-card6-31.svg');
|
||||||
background-position: 0 10px;
|
background-position: 0 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -8,49 +8,49 @@ import { useDate } from '@/views/home/hooks/useDate'
|
||||||
const { day, week } = useDate()
|
const { day, week } = useDate()
|
||||||
const { push } = useRouter()
|
const { push } = useRouter()
|
||||||
const array = ref<any[]>([
|
const array = ref<any[]>([
|
||||||
{
|
{
|
||||||
content1: '将扩大的机遇转为成果 更强更大地展翅飞翔',
|
content1: '将扩大的机遇转为成果 更强更大地展翅飞翔',
|
||||||
content2: 'ひろがるチャンスを 成果につなげ 強く大きく 羽ばたこう',
|
content2: 'ひろがるチャンスを 成果につなげ 強く大きく 羽ばたこう',
|
||||||
year: '2023年'
|
year: '2023年'
|
||||||
},
|
},
|
||||||
{ content1: '领先时代的变化 开创崭新的未来', content2: '', year: '2022年' },
|
{ content1: '领先时代的变化 开创崭新的未来', content2: '', year: '2022年' },
|
||||||
{
|
{
|
||||||
content1: '以“重大变化”为契机 向新课题发起挑战',
|
content1: '以“重大变化”为契机 向新课题发起挑战',
|
||||||
content2: '',
|
content2: '',
|
||||||
year: '2021年'
|
year: '2021年'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
content1: '加速推进三个协创 决胜于变化的时代',
|
content1: '加速推进三个协创 决胜于变化的时代',
|
||||||
content2: '',
|
content2: '',
|
||||||
year: '2020年'
|
year: '2020年'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
content1: '以三个协创为轴心 人人迅速果断行动',
|
content1: '以三个协创为轴心 人人迅速果断行动',
|
||||||
content2: '',
|
content2: '',
|
||||||
year: '2016年'
|
year: '2016年'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
content1: '突破壁垒 集中优势 不断挑战新课题',
|
content1: '突破壁垒 集中优势 不断挑战新课题',
|
||||||
content2: '',
|
content2: '',
|
||||||
year: '2018年'
|
year: '2018年'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
content1: '坚持以人为轴心，融合新的力量',
|
content1: '坚持以人为轴心，融合新的力量',
|
||||||
content2: '集团上下齐心协力提升企业价值',
|
content2: '集团上下齐心协力提升企业价值',
|
||||||
year: '2017年'
|
year: '2017年'
|
||||||
},
|
},
|
||||||
{ content1: '站稳脚跟 强化优势 大步迈进', content2: '', year: '2016年' },
|
{ content1: '站稳脚跟 强化优势 大步迈进', content2: '', year: '2016年' },
|
||||||
{ content1: '创造未来，决胜于变化的时代', content2: '', year: '2015年' }
|
{ content1: '创造未来，决胜于变化的时代', content2: '', year: '2015年' }
|
||||||
])
|
])
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<HomeHead class="top">
|
<HomeHead class="top">
|
||||||
<template #content>
|
<template #content>
|
||||||
<!-- <HomeHeadSearch /> -->
|
<!-- <HomeHeadSearch /> -->
|
||||||
</template>
|
</template>
|
||||||
</HomeHead>
|
</HomeHead>
|
||||||
<!-- <div class="h-full relative flex flex-col">
|
<!-- <div class="h-full relative flex flex-col">
|
||||||
<div class="font-600 flex items-end mt27px">
|
<div class="font-600 flex items-end mt27px">
|
||||||
<div class="text-36px">集团方针</div>
|
<div class="text-36px">集团方针</div>
|
||||||
<div class="text-18px ml40px mr25px">{{ day }}</div>
|
<div class="text-18px ml40px mr25px">{{ day }}</div>
|
||||||
|
|
@ -70,41 +70,42 @@ const array = ref<any[]>([
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div> -->
|
</div> -->
|
||||||
<div class="mt30px mr20px flex w100%">
|
<div class="mt30px mr20px flex w100%">
|
||||||
<img src="../../../assets/images/fzqiet3.png" class="w100%" />
|
<!-- <img src="../../../assets/images/fzqiet3.png" class="w100%" /> -->
|
||||||
</div>
|
<img src="../../../assets/images/jjllt.jpg" class="w100%" />
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped lang="less">
|
<style scoped lang="less">
|
||||||
.top {
|
.top {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 30px;
|
right: 30px;
|
||||||
top: -92px;
|
top: -92px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.g-wrapper {
|
.g-wrapper {
|
||||||
border-radius: 18px;
|
border-radius: 18px;
|
||||||
border: 1px solid #e7ebf5;
|
border: 1px solid #e7ebf5;
|
||||||
box-shadow: inset 1px 2px 12px rgba(14, 86, 221, 0.32);
|
box-shadow: inset 1px 2px 12px rgba(14, 86, 221, 0.32);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
.timeline {
|
.timeline {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #142142;
|
color: #142142;
|
||||||
|
|
||||||
.one {
|
.one {
|
||||||
position: relative;
|
position: relative;
|
||||||
.year {
|
.year {
|
||||||
left: -132px;
|
left: -132px;
|
||||||
top: -14px;
|
top: -14px;
|
||||||
color: #003cb7;
|
color: #003cb7;
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue