Commit f7962246 by 林家欣

资讯中心下图片资讯切图完成

parent 20ce2243
...@@ -487,7 +487,7 @@ export const nav = [ ...@@ -487,7 +487,7 @@ export const nav = [
id: "5", id: "5",
name: "资讯中心", name: "资讯中心",
index: 5, index: 5,
link: "/News/index", link: "",
children: [ children: [
{ {
id: uuid("gs_nav"), id: uuid("gs_nav"),
...@@ -498,7 +498,7 @@ export const nav = [ ...@@ -498,7 +498,7 @@ export const nav = [
{ {
id: uuid("gs_nav"), id: uuid("gs_nav"),
name: "图片资讯", name: "图片资讯",
index: 2, index: 5,
link: "/News/PicNews", link: "/News/PicNews",
breadcrumb: [ breadcrumb: [
{ name: "资讯中心", path: "/News/index" }, { name: "资讯中心", path: "/News/index" },
......
...@@ -2,19 +2,31 @@ ...@@ -2,19 +2,31 @@
<div class="picNews"> <div class="picNews">
<div class="picNews-top"> <div class="picNews-top">
<cate :father="tpzxCate"></cate> <cate :father="tpzxCate"></cate>
<ul class="picNews-ul"> <div class="container">
<li v-for="(tmp, i) in 4" :key="i"> <ul class="picNews-ul">
<div class="picNews-li-tp"> <li v-for="(tmp, i) in 4" :key="i">
<img src="../../assets/image/news/tpzx-tp1.jpg" alt="" /> <div class="picNews-li-tp">
</div> <img src="../../assets/image/news/tpzx-tp1.jpg" alt="" />
<div class="picNews-li-bt"> </div>
中国物品编码中心应邀出席食品安全智慧监管研讨会 <div class="picNews-li-bt">
</div> 中国物品编码中心应邀出席食品安全智慧监管研讨会
</li> </div>
</ul> </li>
</ul>
</div>
</div> </div>
<div class="picNews-bottom"> <div class="picNews-bottom">
<div class="container"> <div class="container">
<ul class="picNews-ul">
<li v-for="(tmp, i) in 12" :key="i">
<div class="picNews-li-tp">
<img src="../../assets/image/news/tpzx-tp1.jpg" alt="" />
</div>
<div class="picNews-li-bt">
中国物品编码中心应邀出席食品安全智慧监管研讨会
</div>
</li>
</ul>
<pages /> <pages />
</div> </div>
</div> </div>
...@@ -55,17 +67,20 @@ export default { ...@@ -55,17 +67,20 @@ export default {
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.picNews { .picNews {
.picNews-top { ul {
@include module-box; padding: 0;
.picNews-ul { margin: 0;
}
.picNews-ul {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; margin-top: 30px;
li { li {
width: 216px; width: 216px;
background: #ffffff; background: #ffffff;
box-shadow: 0px 4px 15px 2px rgba(4, 64, 141, 0.08); box-shadow: 0px 4px 15px 2px rgba(4, 64, 141, 0.08);
border-radius: 4px; border-radius: 4px;
margin-bottom: 30px;
img { img {
width: 100%; width: 100%;
} }
...@@ -79,6 +94,9 @@ export default { ...@@ -79,6 +94,9 @@ export default {
} }
} }
} }
.picNews-top {
@include module-box;
} }
.picNews-bottom { .picNews-bottom {
@include module-box; @include module-box;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment