join.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>莱医特普教官网</title>
<link rel="stylesheet" href="./css/iview.css">
<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./css/componentCss.css">
<link rel="stylesheet" href="./css/journalism.css">
<script src="js/public/jquery.min.js"></script>
<script src="js/public/vue.js"></script>
<script src="js/public/iview.js"></script>
<script src="./component/footerPage.js"></script>
<script src="./component/headePage.js"></script>
<script src="./component/slideshow.js"></script>
<script src="js/journalism.js"></script>
</head>
<body>
<div id="journalism">
<heade-page navname="新闻"></heade-page>
<div class="content">
<slideshow text="查看详情" link="./images/journalism/banner.png"></slideshow>
<div class="banner journalism-in">
<div class="listTitle">最新新闻</div>
<ul class="journalism-list">
<li v-for="(item,index) in journalism" :key="index">
<div class="pic">
<img :src="item.link" alt="">
</div>
<div class="introduce">
<div class="title" :title="item.title">{{item.title}}</div>
<div class="text" :title="item.text">
{{item.text}}
</div>
<div class="time">发布日期{{item.time}}</div>
</div>
</li>
</ul>
<div class="journalism-page"><page :total="100" show-elevator /></div>
</div>
</div>
<footer-page></footer-page>
</div>
</body>
</html>
