Skip to content

X
xmbdt
Commit 6311bc4a authored by 姜启航's avatar 姜启航
Browse files
Options

修改页面尺寸，完成新闻详情页，关于我们的二级菜单有个bug

parent d34cecae
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 259 additions and 193 deletions
src/components/PageFooter.vue
View file @ 6311bc4a
......@@ -33,6 +33,8 @@
.container {
width: 1200px;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
}
</style>
src/components/PageHeader.vue
View file @ 6311bc4a
......@@ -4,12 +4,18 @@
<span><img src="../assets/images/logo.png" alt="">
</span>
<nav>
<ul>
<router-link v-for="(item, index) in pageMenuList" @click.native="setActive($event,index)" tag='li' :to="{ path: item.listLink }">
<ul class="nav-ul">
<!-- <router-link v-for="(item, index) in pageMenuList" @click.native="setActive($event,index)" tag='li' :to="{ path: item.listLink }"> -->
<div class="list">{{item.text}}</div>
<!-- <div class="list">{{item.text}}</div> -->
</router-link>
<!-- </router-link> -->
<router-link to="/xmsig/index" tag="li">首页</router-link>
<router-link to="/xmsig/about" tag="li">关于我们</router-link>
<router-link to="/xmsig/investment" tag="li">投资业务</router-link>
<router-link to="/xmsig/news" tag="li" class="news">新闻资讯</router-link>
<router-link to="/xmsig/talents" tag="li">人才招聘</router-link>
<router-link to="/xmsig/contact" tag="li">联系我们</router-link>
</ul>
</nav>
</div>
......@@ -22,22 +28,10 @@
data() {
return {
msg: 'header',
pageMenuList:[
{listLink:'/xmsig/index',text:'首页',},
{listLink:'/xmsig/about',text:'关于我们',},
{listLink:'/xmsig/investment',text:'投资业务',},
{listLink:'/xmsig/news',text:'新闻资讯',},
{listLink:'/xmsig/talents',text:'人才招聘',},
{listLink:'/xmsig/contact',text:'联系我们',},
]
}
},
methods: {
setActive: function (event,index) {
// $('.list').eq(index).addClass('active')
$('span').eq(index+1).css({'display':"block","color":'#B59F4C'})
$('span').eq(1).css('display','none')
}
}
}
......@@ -56,6 +50,8 @@
.container {
width: 1200px;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
}
img {
......
src/pages/Memorabilia.vue
View file @ 6311bc4a
This diff is collapsed.
src/pages/about.vue
View file @ 6311bc4a
......@@ -93,6 +93,8 @@
.container {
width: 1200px;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
}
.com {
......
src/pages/help.vue
View file @ 6311bc4a
......@@ -26,6 +26,7 @@
.container{
width: 1200px;
margin: 0 auto;
padding: 0;
margin-top: 150px;
}
img{
......
src/pages/index.vue
View file @ 6311bc4a
......@@ -127,12 +127,6 @@
data() {
return {
msg: "index",
// divs: [
// { src: '../../static/images/01.jpg', h2: '公司文化', p1: '从集成电路产业战略布局层面，践行国际化、', p2: '市场化、创新化管理概念' },
// { src: '../../static/images/02.jpg', h2: '投资业务', p1: '公司坚持走科技兴业之路，积极开展科研攻关', p2: '努力提高综合实力和市场竞争力' },
// { src: '../../static/images/03.jpg', h2: '人才招聘', p1: '推动集成电路产业投资发展，成为符合创新价值链', p2: '建设的核心中坚力量' },
// ],
time: null,
banner1:{},
banner2:{},
......@@ -158,15 +152,6 @@
gomore(){
this.$router.push('/xmsig/about')
},
gomore1(){
this.$router.push('/xmsig/about')
},
gomore2(){
this.$router.push('/xmsig/about')
},
gomore2(){
this.$router.push('/xmsig/about')
}
},
......@@ -179,6 +164,7 @@
<style scoped>
.container{
width: 1200px;
padding: 0;
}
/* 轮播图 */
......@@ -361,6 +347,7 @@
.comtact .container {
display: flex;
width: 1200px;
padding: 0;
/* justify-content: space-between; */
}
......
src/pages/newinfo.vue
View file @ 6311bc4a
......@@ -12,10 +12,30 @@
<p class="t2">中共中央政治局常委、国务院总理李克强日前对“华龙一号”福清核电5号机组建设工作作出重要批示。批示指出：我国自</p>
</div>
</div>
<div class="content">123</div>
<div class="con">123</div>
<div class="bom">
<div class="bom-left" @click='goinfo(id)'><span class="bom-left-arrow"></span><span class="bom-left-title">李克强对“华龙一号”福清核电5号机组嘟嘟嘟</span></div>
<div class="bom-right" @click='goinfo(id)'><span><img src="../assets/images/new-img.jpg" alt=""></span><span class="bom-right-title">李克强对核电5号机组嘟嘟嘟</span><span class="bom-right-arrow"></span></div>
</div>
</div>
<div class="right">
<p class="hangye">行业资讯</p>
<div class="right-new">
<div class="new-con">
<div class="new-con-top">
<div class="time">07-03</div>
<div class="kong"></div>
<div>
<p class="t1">李克强对“华龙一号”福清核电5号机组建设工作 作出重要批示</p>
</div>
</div>
<p class="new-content">中共中央政治局常委、国务院总理李克强日前对“华龙一号”福清核电5号机组建设工作作出重要批示。批示指出：我国自</p>
</div>
</div>
</div>
<div class="right"></div>
</div>
<!-- <page-footer></page-footer> -->
<page-footer></page-footer>
</div>
</template>
<script>
......@@ -36,28 +56,38 @@
// }
methods: {
getLiveList() {
this.$http.post('/api/postlist?category_id=1')
.then((res) => {
this.news=res.body.data
console.log()
this.news.forEach(e => {
this.day=e.published_time
this.title=e.post_title.replace(/&quot;/g,'"')
this.day.substring(this.day.length,this.day.length-5)
this.time=this.day.substring(this.day.length-9,this.day.length-14)
});
// getLiveList() {
// this.$http.post('/api/postlist?category_id=1')
// .then((res) => {
// this.news=res.body.data
// console.log()
// this.news.forEach(e => {
// this.day=e.published_time
// this.title=e.post_title.replace(/&quot;/g,'"')
// this.day.substring(this.day.length,this.day.length-5)
// this.time=this.day.substring(this.day.length-9,this.day.length-14)
// });
})
.catch((err) => {
console.log(err)
})
// })
// .catch((err) => {
// console.log(err)
// })
}
// },
add(){
console.log(123)
$('.news').css('border-bottom' ,'3px solid #B59F4C')
},
goinfo(id){
this.$router.push('/xmsig/newinfo?id=' + id)
}
},
created () {
this.getLiveList()
// this.getLiveList()
},
mounted () {
this.add()
}
}
......@@ -65,10 +95,15 @@
<style scoped>
.container{
width: 1200px;
padding: 0;
display: flex;
padding-bottom: 172px;
/* justify-content: space-between; */
}
.left{
width: 800px;
margin-right: 50px;
}
.top{
display: flex;
......@@ -100,4 +135,150 @@
text-overflow:ellipsis;
white-space: nowrap;
}
.content{
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
margin-top: 33px;
padding-top: 41px;
padding-bottom: 41px;
}
.con{
margin-top: 42px;
padding-bottom: 88px;
}
.bom{
height: 120px;
width: 800px;
display: flex;
}
.bom div{
width: 50%;
height: 100%;
background-color: #F6F6F6;
/* border: 1px solid red; */
}
.bom-left{
border-right: 1px solid #aaa;
}
.bom-left-arrow{
display: inline-block;
width: 30px;
height: 32px;
background:url('../assets/images/lefthui.png');
margin-top: 53px;
margin-left: 27px;
margin-right: 40px;
}
.bom-left-title{
display: inline-block;
width: 256px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
margin-bottom: 5px;
}
.bom-right-title{
display: inline-block;
width: 145px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
margin-bottom: 5px;
}
.bom-left:hover{
background-color: #243876;
color: #fff;
}
.bom-left:hover .bom-left-arrow{
background:url('../assets/images/leftbai.png');
}
.bom-right img{
margin-left: 17px;
margin-top: -30px;
margin-right: 17px;
}
.bom-right-arrow{
display: inline-block;
width: 30px;
height: 32px;
background:url('../assets/images/righthui.png');
margin-top: 53px;
margin-left: 27px;
margin-right: 40px;
}
.bom-right:hover{
background-color: #243876;
color: #fff;
}
.bom-right:hover .bom-right-arrow{
background:url('../assets/images/rightbai.png');
}
.hangye{
margin-left: 30px;
margin-bottom: 10px;
}
.right{
width: 350px;
margin-top: 120px;
/* height: 1000px; */
/* border: 1px solid red; */
}
.right-new{
width: 100%;
height: 131px;
border-bottom: 1px solid #aaa;
}
.right-new:hover {
-webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.5);
box-shadow:0 0 15px rgba(0, 0, 0, 0.5);
border-bottom: 2px solid #243876;
transform: translate(0, 0px);
transition: all 0.5s;
}
.new-con{
padding: 30px;
padding-left: 0;
padding-right: 60px;
}
.right-new:hover .new-con{
transform: translate(30px, 0px);
transition: all 0.5s;
}
.new-con .time{
color: #aaa;
font-size: 14px;
margin-top: 0;
margin-right: 0;
}
.new-con .kong{
width: 25px;
height: 1px;
border-top: 1px solid #aaa;
margin-top: 12px;
margin-right: 9px;
}
.new-con .t1{
width: 220px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
font-size: 14px;
color: #101010;
margin-top: 0;
}
.new-con-top{
display: flex;
}
.new-content{
color: #aaa;
width: 290px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
</style>
\ No newline at end of file
src/pages/talents.vue
View file @ 6311bc4a
......@@ -25,7 +25,6 @@
<div class="bom">
</div>
<!-- <div class="boms"></div> -->
</div>
</div>
......
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