home.vue
3.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<template>
<div>
<div class="banner"></div>
<div class="berth"></div>
<div class="news-wrap">
<h1 class="title">新闻中心</h1>
<div class="fl news-bg"></div>
<ul class="fl news-con">
<li>
<ul>
<li class="fl date">
<h1>06</h1>
<h5>06</h5>
</li>
<li class="fl des">
<h3 onclick="window.open('http://www.hscfjt.com/art.php?id=16613')"><a>集聚人才新优势 激活发展新动能</a></h3>
<p>6月6日上午，市城发集团召开优秀青年人才表彰会，对四家重才爱才先进单位和十名优秀青年人才进行了表彰。</p>
</li>
</ul>
</li>
<li>
<ul>
<li class="fl date">
<h1>06</h1>
<h5>06</h5>
</li>
<li class="fl des">
<h3 onclick="window.open('http://www.hscfjt.com/art.php?id=16611')"><a>黄石城发集团春季招聘体检公告</a></h3>
<p>根据《黄石市城市发展投资集团有限公司春季招聘公告》及复试情况，现将体检人员名单及有关事项公告如下。</p>
</li>
</ul>
</li>
<li>
<ul>
<li class="fl date">
<h1>06</h1>
<h5>05</h5>
</li>
<li class="fl des">
<h3 onclick="window.open('http://www.hscfjt.com/art.php?id=16610')"><a>黄石城发集团再添新成员</a></h3>
<p>6月4日，市妇联和市城发集团签订协议，将市妇联所属市天宝幼儿园和市儿童活动中心移交给市城发集团。</p>
</li>
</ul>
</li>
</ul>
</div>
</div>
</template>
<script>
export default {
name: 'home'
}
</script>
<style scoped lang="scss">
.banner {
background: url("../assets/home/banner.png") no-repeat center center;
background-size: 100% 100%;
}
.berth {
width: 100%;
height: 823px;
background: url("../assets/home/berth.png") no-repeat center center;
background-size: 100% 100%;
}
.news-wrap{
width: 1200px;
margin: 0 auto;
padding: 50px 0;
overflow: hidden;
}
.title{
padding-bottom: 50px;
font-size:38px;
font-family:PingFangSC-Semibold;
font-weight:600;
color:rgba(49,70,89,1);
line-height:46px;
}
.news-bg{
width: 535px;
height: 401px;
margin-right: 45px;
background: url("../assets/home/news-bg.png") no-repeat;
}
.news-con {
width: 535px;
height: 401px;
}
.news-con>li{
height: 129px;
border-bottom: 1px solid rgba(216,216,216,1);
ul{
padding: 25px 0 0;
overflow: hidden;
}
}
.date{
width: 83px;
height: 83px;
margin-right: 20px;
background: #FF5656;
position: relative;
h1{
padding-top: 25px;
font-size:36px;
color:rgba(255,255,255,1);
}
h5{
font-size: 12px;
text-align: right;
padding-right: 10px;
}
&:before{
content: '';
position: absolute;
right: 14px;
bottom: 27px;
transform: rotate(-45deg);
width: 17px;
height: 1px;
background:rgba(255,255,255,1)
}
}
.des h3{
padding-bottom: 15px;
font-size: 20px;
color: #0D1A26;
cursor: pointer;
}
.des p {
width: 430px;
line-height: 22px;
color: #314659;
}
</style>