diff --git a/src/api/index.js b/src/api/index.js index 65b90f8..be9c7cc 100644 --- a/src/api/index.js +++ b/src/api/index.js @@ -78,4 +78,17 @@ export function projectdetail(params){ url:'/engineering/details', params }) +} +//企业文化 +export function culture(){ + return request({ + url:'/organization/list' + }) +} +//荣誉详情 +export function honordetail(params){ + return request({ + url:'/honor/byId', + params + }) } \ No newline at end of file diff --git a/src/router/index.js b/src/router/index.js index 80cfd96..1022e47 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -8,6 +8,7 @@ import recruit from '@/views/recruit.vue' import contactus from '@/views/contactus.vue' import detail from '@/views/detail.vue' import projectdetail from '@/views/projectdetail.vue' +import honordetail from '@/views/honordetail.vue' Vue.use(VueRouter) const routes = [ @@ -44,6 +45,10 @@ const routes = [ { path:'/projectdetail', component:projectdetail + }, + { + path:'/honordetail', + component:honordetail } ] diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index 28a912b..11de78f 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -5,8 +5,9 @@
-
- +
+
@@ -33,49 +34,44 @@ 保利发展控股股票代码
8.03RMB
--> - -
+ +
-
+

{{newsitem.name}}

+ line-height: 30px;">{{ newsitem.name }}
{{newsitem.releaseTime}}
+ letter-spacing: -.2px;font-family: 'Rajdhani';">{{ newsitem.releaseTime }}

{{newsitem.source}} + text-align: justify;">{{ newsitem.source }}

- -
-
- -
+
-
-
-
-
-
更多新闻
-
+ position: relative;"> +
+
+
+
+
更多新闻
+
@@ -90,7 +86,7 @@
INDUSTRY TRENDS
- +
@@ -98,19 +94,23 @@
-
+
- -

- - +

+ +

-
- -
+
+ +
+ +
- -
- + +
+
@@ -149,29 +150,32 @@
荣获行业诸多奖项
- 拥有一支高素质的专业管理团队MORE... + 拥有一支高素质的专业管理团队MORE...
- +
-
-
-
- - -
-
- -
+
+
+
+
+
+
+ +
+
- + @@ -183,89 +187,89 @@ import Swiper from 'swiper' import 'swiper/css/swiper.min.css' -import { achievementPic, hyDtai,swiperimg,getnews,backgroundText,smallPicture } from '@/api' +import { achievementPic, hyDtai, swiperimg, getnews, backgroundText, smallPicture,honor } from '@/api' export default { data() { return { - hydata:{src:''}, - imgarr:[], - achievementarr:[], - newsitem:{}, - bgtextitem:{}, - smallPicturearr:[] + hydata: { src: '' }, + imgarr: [], + achievementarr: [], + newsitem: {}, + bgtextitem: {}, + smallPicturearr: [] } }, mounted() { - + //大图轮播图 - swiperimg().then((res)=>{ - this.imgarr=res.data - this.$nextTick(()=>{ - new Swiper('.swiper5', { - loop: true, - autoplay: { - delay: 4100, - disableOnInteraction: false, - }, + swiperimg().then((res) => { + this.imgarr = res.data + this.$nextTick(() => { + new Swiper('.swiper5', { + loop: true, + autoplay: { + delay: 4100, + disableOnInteraction: false, + }, - pagination: { - el: '.swiper-pagination', + pagination: { + el: '.swiper-pagination', + + }, + navigation: { + nextEl: '.swiper-button-next', + prevEl: '.swiper-button-prev', + }, + } + ) + }) - }, - navigation: { - nextEl: '.swiper-button-next', - prevEl: '.swiper-button-prev', - }, - } - ) - }) - }) -//行业动态 - hyDtai().then((res)=>{ - this.hydata.src=res.data[0].picture - this.hydata.content=res.data[0].content + //行业动态 + hyDtai().then((res) => { + this.hydata.src = res.data[0].picture + this.hydata.content = res.data[0].content }) - //背景图文轮播图 - smallPicture().then((res)=>{ - this.smallPicturearr=res.data - this.$nextTick(()=>{ - new Swiper('.swiper2', { - slidesPerView: 3, - slidesPerGroup: 1, - spaceBetween: 20, - pagination: { - el: '.swiper-pagination2' - } - }) - }) + //背景图文轮播图 + smallPicture().then((res) => { + this.smallPicturearr = res.data + this.$nextTick(() => { + new Swiper('.swiper2', { + slidesPerView: 3, + slidesPerGroup: 1, + spaceBetween: 20, + pagination: { + el: '.swiper-pagination2' + } + }) + }) }) //荣誉展示 - achievementPic().then((res)=>{ - this.achievementarr=res.data - this.$nextTick(()=>{ + honor({'year':'all'}).then((res) => { + this.achievementarr = res.data + this.$nextTick(() => { new Swiper('.swiper3', { - slidesPerView: 4, - slidesPerGroup: 1, - spaceBetween: 20, - pagination: { - el: '.swiper-pagination1' - } - }) + slidesPerView: 4, + slidesPerGroup: 1, + spaceBetween: 20, + pagination: { + el: '.swiper-pagination1' + } + }) }) }) //新闻展示 - getnews({'page':0}).then((res)=>{ - this.newsitem=res.data.content[1] + getnews({ 'page': 0 }).then((res) => { + this.newsitem = res.data.content[1] }) //图文展示 - backgroundText().then((res)=>{ - this.bgtextitem=res.data[0] - + backgroundText().then((res) => { + this.bgtextitem = res.data[0] + }) - + // 创建交叉观察器实例 // this.observer = new IntersectionObserver(entries => { // entries.forEach(entry => { @@ -286,27 +290,33 @@ export default { // 初始化Swiper - + }, - methods:{ - switchto(){ + methods: { + switchto() { this.$router.push({ - path:'/aboutus' - }) - }, - changeto(id){ - if(id){ - + path: '/aboutus', + query:{'category':'honor'} + }) + }, + changeto(id) { + if (id) { + this.$router.push({ - path:'/detail?id='+id - }) - }else{ + path: '/detail?id=' + id + }) + } else { console.log(id) this.$router.push({ - path:'/news' - }) + path: '/news' + }) } - + + }, + honorto(id){ + this.$router.push({ + path: '/honordetail?id=' + id + }) } }, beforeDestroy() { @@ -357,7 +367,7 @@ export default { height: 100%; } - .swiper-slide1 { +.swiper-slide1 { min-width: calc(26.66666vw - 14px); max-width: calc(26.66666vw - 14px); @@ -366,12 +376,12 @@ export default { } -.swiper-slide2{ - width:100%; +.swiper-slide2 { + width: 100%; } - .swiper-slide::after { +.swiper-slide::after { content: ''; left: 0px; position: absolute; @@ -439,7 +449,7 @@ h6 { .index-top { position: relative; -padding-bottom: 24px; + padding-bottom: 24px; margin-bottom: 24px; border-bottom: 2px solid #c9c9c9; border-bottom: 2px solid rgba(201, 201, 201, .5); @@ -475,7 +485,7 @@ padding-bottom: 24px; padding-top: 140px; width: 100%; height: 604px; - background: url(http://1.94.20.201/fyapi/images/86e81da7-b406-45ad-a8b6-94be672da4a2.png) no-repeat center; + background-attachment: fixed; background-size: cover; } @@ -484,7 +494,7 @@ padding-bottom: 24px; font-size: 48px; color: RGB(48, 113, 183); line-height: 60px; - margin-top:48px; + margin-top: 48px; margin-bottom: 14px; font-weight: lighter; } @@ -495,35 +505,40 @@ padding-bottom: 24px; color: rgba(255, 255, 255, .5); font-weight: bold; } -.swiper9 .swiper-slide::after{ - all:initial + +.swiper9 .swiper-slide::after { + all: initial } .swiper-slide9 img { width: 100%; - -} -.dot_box .i{ - display: inline-block; - width: 6px; - height: 6px; - background-color: RGB(48, 113, 183); - border-radius: 50%; - margin: 0 2px; } - .text { - font-size: 14.5px; - color: RGB(48, 113, 183); - display: inline-block; + +.dot_box .i { + display: inline-block; + width: 6px; + height: 6px; + + background-color: RGB(48, 113, 183); + border-radius: 50%; + margin: 0 2px; } -.init p{ + +.text { + font-size: 14.5px; + color: RGB(48, 113, 183); + display: inline-block; +} + +.init p { margin: 0 !important; } - .init2{ + +.init2 { font-size: 16px; - line-height: 24px; - color: rgba(255, 255, 255, .5); - font-weight: bold; + line-height: 24px; + color: rgba(255, 255, 255, .5); + font-weight: bold; } diff --git a/src/views/aboutus.vue b/src/views/aboutus.vue index 9e96587..d7d2636 100644 --- a/src/views/aboutus.vue +++ b/src/views/aboutus.vue @@ -176,25 +176,27 @@
-
-
+
+
- +
-

{{ item.annual }}

- + {{ item.name }}

-
+
--> +
+ + + 200603
+ {{item.name}} > +