提交 38bb627f authored 作者: matian's avatar matian

updates

上级 f7300a33
...@@ -2,25 +2,33 @@ ...@@ -2,25 +2,33 @@
const knowList: Array<{ const knowList: Array<{
img: string img: string
desc: string desc: string
href: string
}> = [ }> = [
{ {
img: 'https://webapp-pub.ezijing.com/project_online/fi/know2.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/know2.png',
desc: '保罗·蒂芙尼博士:当今世界经济—“全球化”是否已走向终结?' desc: '保罗·蒂芙尼博士:当今世界经济—“全球化”是否已走向终结?',
href: 'https://mp.weixin.qq.com/s/VRJFcsleJy1S86dOvRfCsA '
}, },
{ {
img: 'https://webapp-pub.ezijing.com/project_online/fi/know3.png', img: 'https://webapp-pub.ezijing.com/project_online/fi/know3.png',
desc: '由一而千 星火散落将聚燃丨<br/>PRP紫荆学友会欢迎您的加入!' desc: '由一而千 星火散落将聚燃丨<br/>PRP紫荆学友会欢迎您的加入!',
href: 'https://mp.weixin.qq.com/s/hvJlV4BsnUhvJszlCQmIOQ'
} }
] ]
const handleOpen = (item: any) => {
window.open(item.href)
}
</script> </script>
<template> <template>
<div class="main"> <div class="main">
<div class="main_con"> <div class="main_con">
<div class="con_top"> <div class="con_top">
<div class="top_con1">世界读书日来临丨PRP紫荆学友会送福利</div> <a href="https://mp.weixin.qq.com/s/5VCaj9j6ljd1FyVOSG08Cg">
<div class="top_con1">世界读书日来临丨PRP紫荆学友会送福利</div>
</a>
<div class="top_con2"> <div class="top_con2">
<div class="con2_item" v-for="(item, index) in knowList" :key="index"> <div class="con2_item" v-for="(item, index) in knowList" :key="index" @click="handleOpen(item)">
<img class="item_img" :src="item.img" alt="" /> <img class="item_img" :src="item.img" alt="" />
<div class="item_desc" v-html="item.desc"></div> <div class="item_desc" v-html="item.desc"></div>
</div> </div>
......
...@@ -26,7 +26,7 @@ import 'swiper/css' ...@@ -26,7 +26,7 @@ import 'swiper/css'
.main { .main {
.main_con { .main_con {
width: 1200px; width: 1200px;
margin: 95px auto; margin: 50px auto;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
...@@ -40,7 +40,7 @@ import 'swiper/css' ...@@ -40,7 +40,7 @@ import 'swiper/css'
font-weight: 400; font-weight: 400;
line-height: 40px; line-height: 40px;
color: #333333; color: #333333;
padding: 112px 0 152px 0; padding: 112px 0 102px 0;
margin-left: 53px; margin-left: 53px;
} }
} }
...@@ -55,7 +55,7 @@ import 'swiper/css' ...@@ -55,7 +55,7 @@ import 'swiper/css'
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 70px 0 80px 0; padding: 60px 0;
img { img {
height: 404px; height: 404px;
} }
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论