0419
This commit is contained in:
parent
98925e7ec4
commit
ba913a3c78
@ -94,6 +94,7 @@
|
||||
.news-title p{font-size:16px;color:#999}
|
||||
.news-detail{padding:20px 0;min-height:500px}
|
||||
.news-detail p{line-height:35px;font-size:16px;color:#333}
|
||||
.news-detail img, .news-detail video{max-width: 100% !important;}
|
||||
.assessment-header .banner,.assessment-header .banner img{width:100%;height:300px;min-width:1200px}
|
||||
.count{width:1200px;margin:20px auto;padding:15px 15px 0;box-sizing:border-box;background:#fff}
|
||||
.chart-box{width:260px}
|
||||
|
@ -7,11 +7,11 @@
|
||||
<link rel="stylesheet" href="assets/web/css/reset.css">
|
||||
<link rel="stylesheet" href="assets/web/css/style.css">
|
||||
</head>
|
||||
<body style="background: #f5f5f5">
|
||||
<body style="background: #f5f5f5 url('assets/web/images/banner1.png') no-repeat;background-size: 100% auto;">
|
||||
<div id="app">
|
||||
<div class="header">
|
||||
<div class="banner">
|
||||
<img src="assets/web/images/banner.png" alt="">
|
||||
|
||||
</div>
|
||||
<div class="nav child">
|
||||
<ul class="clearFloat" v-cloak>
|
||||
@ -66,7 +66,7 @@
|
||||
</div>
|
||||
<div class="detail" v-cloak>
|
||||
<div class="news-title">
|
||||
<h2>{{newsDetail.subTitle}}</h2>
|
||||
<h2>{{newsDetail.title}}</h2>
|
||||
<p>发布单位:{{newsDetail.author}} 发布时间:{{newsDetail.publishDate}}</p>
|
||||
</div>
|
||||
<div class="news-detail" v-html="newsDetail.content"></div>
|
||||
|
@ -117,23 +117,23 @@
|
||||
<span>功能一览</span>
|
||||
</div>
|
||||
<div class="nav-tab" v-for="(nav, idx) in navList" :id="'nav' + idx">
|
||||
<div class="tab-title" @click="openDetail(nav.id, nav.childrens, idx, '1')" :id="'item' + nav.id">{{nav.name}}</div>
|
||||
<div class="tab-title" @click="openDetail(nav.id, nav.childrens, idx, 1)" :id="'item' + nav.id">{{nav.name}}</div>
|
||||
<div class="hide-list" v-if="nav.childrens && nav.childrens.length > 0">
|
||||
<ul>
|
||||
<li v-for="(child, idx0) in nav.childrens">
|
||||
<div class="nav-name" :id="'item' + child.id" @click="openDetail(child.id, child.childrens, idx0, '2')">{{child.name}}</div>
|
||||
<div class="nav-name" :id="'item' + child.id" @click="openDetail(child.id, child.childrens, idx0, 2)">{{child.name}}</div>
|
||||
<div class="hide-list" v-if="child.childrens && child.childrens.length > 0">
|
||||
<ul>
|
||||
<li v-for="(child1, idx1) in child.childrens">
|
||||
<div class="nav-name" :id="'item' + child1.id" @click="openDetail(child1.id, child1.childrens, idx1, '3')">{{child1.name}}</div>
|
||||
<div class="nav-name" :id="'item' + child1.id" @click="openDetail(child1.id, child1.childrens, idx1, 3)">{{child1.name}}</div>
|
||||
<div class="hide-list" v-if="child1.childrens && child1.childrens.length > 0">
|
||||
<ul>
|
||||
<li v-for="(child2, idx2) in child1.childrens">
|
||||
<div class="nav-name" :id="'item' + child1.id" @click="openDetail(child1.id, child1.childrens, idx1, '4')">{{child2.name}}</div>
|
||||
<div class="nav-name" :id="'item' + child2.id" @click="openDetail(child2.id, child2.childrens, idx2, 4)">{{child2.name}}</div>
|
||||
<div class="hide-list" v-if="child1.childrens && child1.childrens.length > 0">
|
||||
<ul>
|
||||
<li v-for="(child3, idx3) in child2.childrens">
|
||||
<div class="nav-name" :id="'item' + child1.id" @click="openDetail(child1.id, child1.childrens, idx1, '5')">{{child3.name}}</div>
|
||||
<div class="nav-name" :id="'item' + child3.id" @click="openDetail(child3.id, child3.childrens, idx3, 5)">{{child3.name}}</div>
|
||||
<div class="hide-list" v-if="child1.childrens && child1.childrens.length > 0">
|
||||
<ul>
|
||||
<li v-for="(child4, idx4) in child3.childrens">
|
||||
@ -361,6 +361,7 @@
|
||||
openDetail: function (id, children, idx, lv) {
|
||||
var self = this
|
||||
var node = $('#item' + id)
|
||||
console.log(lv)
|
||||
if (lv < 5) {
|
||||
if (children.length > 0) {
|
||||
node.next().slideToggle()
|
||||
@ -390,6 +391,7 @@
|
||||
self.getMainList(id)
|
||||
}
|
||||
} else {
|
||||
|
||||
node.toggleClass('active')
|
||||
node.parent().siblings().find('.tab-title').removeClass('active')
|
||||
node.parent().siblings().find('.tab-title').removeClass('bordered')
|
||||
|
@ -7,11 +7,11 @@
|
||||
<link rel="stylesheet" href="assets/web/css/reset.css">
|
||||
<link rel="stylesheet" href="assets/web/css/style.css">
|
||||
</head>
|
||||
<body style="background: url('assets/web/images/banner.png') no-repeat;background-size: 100% auto;">
|
||||
<body style="background: url('assets/web/images/banner1.png') no-repeat;background-size: 100% auto;">
|
||||
<div id="app">
|
||||
<div class="header">
|
||||
<div class="banner">
|
||||
<!-- <img src="assets/web/images/banner.png" alt="">-->
|
||||
|
||||
</div>
|
||||
<div class="nav">
|
||||
<ul class="clearFloat" v-cloak>
|
||||
|
Loading…
Reference in New Issue
Block a user