'飞阳动态内容第一版'
This commit is contained in:
dzj
parent
e338f21ddb
commit
5bd1e47cc2
106
package-lock.json
generated
106
package-lock.json
generated
@ -8,6 +8,7 @@
|
||||
"name": "feiyang",
|
||||
"version": "0.1.0",
|
||||
"dependencies": {
|
||||
"axios": "^1.6.8",
|
||||
"element-ui": "^2.15.14",
|
||||
"register-service-worker": "^1.7.2",
|
||||
"swiper": "^5.4.5",
|
||||
@ -3041,6 +3042,11 @@
|
||||
"babel-runtime": "6.x"
|
||||
}
|
||||
},
|
||||
"node_modules/asynckit": {
|
||||
"version": "0.4.0",
|
||||
"resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
|
||||
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
|
||||
},
|
||||
"node_modules/at-least-node": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/at-least-node/-/at-least-node-1.0.0.tgz",
|
||||
@ -3085,6 +3091,16 @@
|
||||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/axios": {
|
||||
"version": "1.6.8",
|
||||
"resolved": "https://registry.npmmirror.com/axios/-/axios-1.6.8.tgz",
|
||||
"integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==",
|
||||
"dependencies": {
|
||||
"follow-redirects": "^1.15.6",
|
||||
"form-data": "^4.0.0",
|
||||
"proxy-from-env": "^1.1.0"
|
||||
}
|
||||
},
|
||||
"node_modules/babel-helper-vue-jsx-merge-props": {
|
||||
"version": "2.0.3",
|
||||
"resolved": "https://registry.npmmirror.com/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
|
||||
@ -3638,6 +3654,17 @@
|
||||
"integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/combined-stream": {
|
||||
"version": "1.0.8",
|
||||
"resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
|
||||
"integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
|
||||
"dependencies": {
|
||||
"delayed-stream": "~1.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 0.8"
|
||||
}
|
||||
},
|
||||
"node_modules/commander": {
|
||||
"version": "8.3.0",
|
||||
"resolved": "https://registry.npmmirror.com/commander/-/commander-8.3.0.tgz",
|
||||
@ -4388,6 +4415,14 @@
|
||||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/delayed-stream": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
|
||||
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
|
||||
"engines": {
|
||||
"node": ">=0.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/depd": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz",
|
||||
@ -5135,7 +5170,6 @@
|
||||
"version": "1.15.6",
|
||||
"resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.6.tgz",
|
||||
"integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
|
||||
"dev": true,
|
||||
"engines": {
|
||||
"node": ">=4.0"
|
||||
},
|
||||
@ -5154,6 +5188,19 @@
|
||||
"is-callable": "^1.1.3"
|
||||
}
|
||||
},
|
||||
"node_modules/form-data": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz",
|
||||
"integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
|
||||
"dependencies": {
|
||||
"asynckit": "^0.4.0",
|
||||
"combined-stream": "^1.0.8",
|
||||
"mime-types": "^2.1.12"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 6"
|
||||
}
|
||||
},
|
||||
"node_modules/forwarded": {
|
||||
"version": "0.2.0",
|
||||
"resolved": "https://registry.npmmirror.com/forwarded/-/forwarded-0.2.0.tgz",
|
||||
@ -6732,7 +6779,6 @@
|
||||
"version": "1.52.0",
|
||||
"resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
|
||||
"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
|
||||
"dev": true,
|
||||
"engines": {
|
||||
"node": ">= 0.6"
|
||||
}
|
||||
@ -6741,7 +6787,6 @@
|
||||
"version": "2.1.35",
|
||||
"resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
|
||||
"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"mime-db": "1.52.0"
|
||||
},
|
||||
@ -8104,6 +8149,11 @@
|
||||
"node": ">= 0.10"
|
||||
}
|
||||
},
|
||||
"node_modules/proxy-from-env": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
|
||||
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
|
||||
},
|
||||
"node_modules/pseudomap": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/pseudomap/-/pseudomap-1.0.2.tgz",
|
||||
@ -12987,6 +13037,11 @@
|
||||
"babel-runtime": "6.x"
|
||||
}
|
||||
},
|
||||
"asynckit": {
|
||||
"version": "0.4.0",
|
||||
"resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
|
||||
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
|
||||
},
|
||||
"at-least-node": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/at-least-node/-/at-least-node-1.0.0.tgz",
|
||||
@ -13016,6 +13071,16 @@
|
||||
"possible-typed-array-names": "^1.0.0"
|
||||
}
|
||||
},
|
||||
"axios": {
|
||||
"version": "1.6.8",
|
||||
"resolved": "https://registry.npmmirror.com/axios/-/axios-1.6.8.tgz",
|
||||
"integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==",
|
||||
"requires": {
|
||||
"follow-redirects": "^1.15.6",
|
||||
"form-data": "^4.0.0",
|
||||
"proxy-from-env": "^1.1.0"
|
||||
}
|
||||
},
|
||||
"babel-helper-vue-jsx-merge-props": {
|
||||
"version": "2.0.3",
|
||||
"resolved": "https://registry.npmmirror.com/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
|
||||
@ -13487,6 +13552,14 @@
|
||||
"integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
|
||||
"dev": true
|
||||
},
|
||||
"combined-stream": {
|
||||
"version": "1.0.8",
|
||||
"resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
|
||||
"integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
|
||||
"requires": {
|
||||
"delayed-stream": "~1.0.0"
|
||||
}
|
||||
},
|
||||
"commander": {
|
||||
"version": "8.3.0",
|
||||
"resolved": "https://registry.npmmirror.com/commander/-/commander-8.3.0.tgz",
|
||||
@ -14050,6 +14123,11 @@
|
||||
"object-keys": "^1.1.1"
|
||||
}
|
||||
},
|
||||
"delayed-stream": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
|
||||
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
|
||||
},
|
||||
"depd": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz",
|
||||
@ -14685,8 +14763,7 @@
|
||||
"follow-redirects": {
|
||||
"version": "1.15.6",
|
||||
"resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.6.tgz",
|
||||
"integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
|
||||
"dev": true
|
||||
"integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA=="
|
||||
},
|
||||
"for-each": {
|
||||
"version": "0.3.3",
|
||||
@ -14697,6 +14774,16 @@
|
||||
"is-callable": "^1.1.3"
|
||||
}
|
||||
},
|
||||
"form-data": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz",
|
||||
"integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
|
||||
"requires": {
|
||||
"asynckit": "^0.4.0",
|
||||
"combined-stream": "^1.0.8",
|
||||
"mime-types": "^2.1.12"
|
||||
}
|
||||
},
|
||||
"forwarded": {
|
||||
"version": "0.2.0",
|
||||
"resolved": "https://registry.npmmirror.com/forwarded/-/forwarded-0.2.0.tgz",
|
||||
@ -15953,14 +16040,12 @@
|
||||
"mime-db": {
|
||||
"version": "1.52.0",
|
||||
"resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
|
||||
"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
|
||||
"dev": true
|
||||
"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
|
||||
},
|
||||
"mime-types": {
|
||||
"version": "2.1.35",
|
||||
"resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
|
||||
"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"mime-db": "1.52.0"
|
||||
}
|
||||
@ -16963,6 +17048,11 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"proxy-from-env": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
|
||||
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
|
||||
},
|
||||
"pseudomap": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/pseudomap/-/pseudomap-1.0.2.tgz",
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "feiyang",
|
||||
"name": "",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
@ -7,6 +7,7 @@
|
||||
"build": "vue-cli-service build"
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "^1.6.8",
|
||||
"element-ui": "^2.15.14",
|
||||
"register-service-worker": "^1.7.2",
|
||||
"swiper": "^5.4.5",
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||
<title><%= htmlWebpackPlugin.options.title %></title>
|
||||
<title>飞阳建设工程有限公司</title>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
56
src/App.vue
56
src/App.vue
@ -11,11 +11,8 @@
|
||||
<el-menu-item index="4">工程展示</el-menu-item>
|
||||
<el-menu-item index="5">人才招聘</el-menu-item>
|
||||
<el-menu-item index="6">联系我们</el-menu-item>
|
||||
</el-menu>
|
||||
|
||||
</el-menu>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<router-view/>
|
||||
<div class="footer">
|
||||
@ -35,8 +32,9 @@
|
||||
<a href="">网站地图</a>
|
||||
<a href="" target="_blank">设计支持</a>
|
||||
</div>
|
||||
<div class="socials_wrap" style="display: inline-block;">
|
||||
<img src="@/assets/images/微信.png" style="margin-left: 15px;">
|
||||
<div class="socials_wrap" style="display: inline-block;position: relative;">
|
||||
<img class="weixin" src="@/assets/images/微信.png" style="margin-left: 15px;">
|
||||
<div class="weChat_img"><img src="@/assets/微信二维码.png"></div>
|
||||
<img src="@/assets/images/移动端.png" style="margin-left: 10px;">
|
||||
</div>
|
||||
</div>
|
||||
@ -45,6 +43,7 @@
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import request from '@/request/index.js'
|
||||
export default{
|
||||
data(){
|
||||
return{
|
||||
@ -63,6 +62,7 @@ export default{
|
||||
mounted() {
|
||||
// 监听滚动事件
|
||||
window.addEventListener('scroll', this.handleScroll);
|
||||
console.log(request,111)
|
||||
},
|
||||
beforeDestroy() {
|
||||
// 组件销毁前移除滚动事件监听
|
||||
@ -159,8 +159,8 @@ this.$router.push({
|
||||
}
|
||||
.header {
|
||||
box-sizing: border-box;
|
||||
width: 80%;
|
||||
min-width: 1280px;
|
||||
width: 90%;
|
||||
// min-width: 1280px;
|
||||
height: 82px;
|
||||
margin: auto;
|
||||
position: relative;
|
||||
@ -169,7 +169,7 @@ this.$router.push({
|
||||
background-color: white;
|
||||
border-radius: 10px;
|
||||
font-size: 14px;
|
||||
|
||||
-webkit-transition: all .4s;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@ -182,4 +182,42 @@ this.$router.push({
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
.weChat_img {
|
||||
position: absolute;
|
||||
top: -115px;
|
||||
left: -26%;
|
||||
width: 107px;
|
||||
height: 107px;
|
||||
|
||||
border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-ms-border-radius: 5px;
|
||||
-o-border-radius: 5px;
|
||||
z-index: 99;
|
||||
opacity: 0;
|
||||
filter: Alpha(opacity = 0);
|
||||
-webkit-transform: scale(0, 1);
|
||||
transform: scale(0, 1);
|
||||
-webkit-transform-origin: top center;
|
||||
transform-origin: top center;
|
||||
will-change: opacity;
|
||||
-webkit-transition: transform .4s, opacity .4s, -webkit-transform .4s;
|
||||
transition: transform .4s, opacity .4s, -webkit-transform .4s;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.socials_wrap .weChat_img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.socials_wrap img:hover + .weChat_img {
|
||||
opacity: 1;
|
||||
filter: Alpha(opacity = 100);
|
||||
-webkit-transform: scale(1, 1);
|
||||
transform: scale(1, 1);
|
||||
-moz-transform: scale(1, 1);
|
||||
-ms-transform: scale(1, 1);
|
||||
-o-transform: scale(1, 1);
|
||||
}
|
||||
</style>
|
||||
|
||||
55
src/api/index.js
Normal file
55
src/api/index.js
Normal file
@ -0,0 +1,55 @@
|
||||
import request from '@/request'
|
||||
//获取工程项目内容 注意分类待修改
|
||||
export function getproject(){
|
||||
return request({
|
||||
url:'engineering/list',
|
||||
params:{
|
||||
type:'房屋建筑',
|
||||
page:'0',
|
||||
size:'6'
|
||||
}
|
||||
})
|
||||
}
|
||||
//获取新闻内容
|
||||
export function getnews(){
|
||||
return request({
|
||||
url:'article/list'
|
||||
})
|
||||
}
|
||||
//获取首页行业动态内容
|
||||
export function hyDtai(){
|
||||
return request({
|
||||
url:'hyDtai/list'
|
||||
})
|
||||
}
|
||||
//获取背景图文内容
|
||||
export function backgroundText(){
|
||||
return request({
|
||||
url:'backgroundText/list'
|
||||
})
|
||||
}
|
||||
//首页下方轮播图
|
||||
export function smallPicture(){
|
||||
return request({
|
||||
url:'smallPicture/list'
|
||||
})
|
||||
}
|
||||
//首页荣誉图片
|
||||
export function achievementPic(){
|
||||
return request({
|
||||
url:'achievementPic/list'
|
||||
})
|
||||
}
|
||||
//首页荣誉图片
|
||||
export function honor(year){
|
||||
return request({
|
||||
url:'honor/list',
|
||||
params:year
|
||||
})
|
||||
}
|
||||
//首页大轮播图
|
||||
export function swiperimg(){
|
||||
return request({
|
||||
url:'fengmian/list'
|
||||
})
|
||||
}
|
||||
BIN
src/assets/微信二维码.png
Normal file
BIN
src/assets/微信二维码.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
6
src/request/index.js
Normal file
6
src/request/index.js
Normal file
@ -0,0 +1,6 @@
|
||||
import axios from "axios";
|
||||
const request=axios.create({
|
||||
baseURL:'http://1.94.20.201/fyapi/h5',
|
||||
timeout:5000
|
||||
})
|
||||
export default request
|
||||
@ -6,6 +6,7 @@ import news from '@/views/news.vue'
|
||||
import project from '@/views/project.vue'
|
||||
import recruit from '@/views/recruit.vue'
|
||||
import contactus from '@/views/contactus.vue'
|
||||
import detail from '@/views/detail.vue'
|
||||
Vue.use(VueRouter)
|
||||
|
||||
const routes = [
|
||||
@ -34,6 +35,10 @@ const routes = [
|
||||
{
|
||||
path:'/contactus',
|
||||
component:contactus
|
||||
},
|
||||
{
|
||||
path:'/detail',
|
||||
component:detail
|
||||
}
|
||||
]
|
||||
|
||||
@ -42,5 +47,8 @@ const router = new VueRouter({
|
||||
base: process.env.BASE_URL,
|
||||
routes
|
||||
})
|
||||
|
||||
router.beforeEach((to, from, next) => {
|
||||
window.scrollTo(0, 0);
|
||||
next();
|
||||
});
|
||||
export default router
|
||||
|
||||
@ -5,10 +5,8 @@
|
||||
<div class="bd" style="height: 581px;position: relative;">
|
||||
<div class="swiper-container swiper5">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img src="@/assets/images/1.png" style="width: 100%;height:100%;"></div>
|
||||
<div class="swiper-slide"><img src="@/assets/images/2.png" style="width: 100%;height:100%;"></div>
|
||||
<div class="swiper-slide"><img src="@/assets/images/3.png" style="width: 100%;height:100%;"></div>
|
||||
<div class="swiper-slide"><img src="@/assets/images/4.png" style="width: 100%;height:100%;"></div>
|
||||
<div class="swiper-slide" v-for="item in imgarr" :key="item.id"><img :src="item.url" style="width: 100%;height:100%;"></div>
|
||||
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
<div class="swiper-button-prev"></div><!--左箭头。如果放置在swiper外面，需要自定义样式。-->
|
||||
@ -21,7 +19,7 @@
|
||||
|
||||
</div>
|
||||
<div class="Wrapper index" style="">
|
||||
<div class="index_1" style="width: 80%;margin: 0 auto;padding: 10px 0;">
|
||||
<div class="index_1" style="width: 80%;margin: 0 auto;padding: 50px 0;">
|
||||
<div class="content-top">
|
||||
<div class="content-left">
|
||||
<h3>企业新闻</h3>
|
||||
@ -35,71 +33,68 @@
|
||||
保利发展控股股票代码</h3>
|
||||
<h5 class="red green"><em style="display: block;">8.03</em>RMB</h5>
|
||||
</div> -->
|
||||
<!-- 暂定动态 -->
|
||||
<div style="width: 50%;"></div>
|
||||
|
||||
</div>
|
||||
<div class="content-right">
|
||||
<div class="index-top">
|
||||
<h3 style=" font-size: 24px;
|
||||
color: #3c3c48;
|
||||
color: rgba(60, 60, 72, .8);
|
||||
line-height: 30px;">飞阳建设南江滨东大道获得福州市2020年度市政道路工程品质</h3>
|
||||
line-height: 30px;">{{newsitem.name}}</h3>
|
||||
<h5 style=" width: auto;
|
||||
float: none;
|
||||
font-size: 30px;
|
||||
color: #c0a988;
|
||||
margin: 3px 0 6px; line-height: 1;
|
||||
font-weight: bold;
|
||||
letter-spacing: -.2px;font-family: 'Rajdhani';">2023.12.31</h5>
|
||||
letter-spacing: -.2px;font-family: 'Rajdhani';">{{newsitem.releaseTime}}</h5>
|
||||
<p style=" color: rgba(115, 115, 124, .6); font-size: 13px;
|
||||
color: #95959d;
|
||||
line-height: 24px;
|
||||
text-align: justify;">最近,一场以品质为核心的比拼在福州城区多条道路悄悄展开。聚焦工程质量、路面铺装、绿化景观、安全文明等“赛点” ，包括我
|
||||
司承建的南江滨东大道项目在内的74个在建市政道路工程进行百日比拼。作为三江口片区的进出城主通道,南江滨东大道上每日车来
|
||||
车往，但因过往重型车辆较多,路面出现沉降等病害。针对需进行沉降病害处理的车行道，工程采用高分子聚
|
||||
text-align: justify;">{{newsitem.source}}
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h5 style=" font-family: 'Rajdhani';
|
||||
font-size: 23px;
|
||||
color: #8e8e95;
|
||||
line-height: 1;
|
||||
font-weight: bold;
|
||||
letter-spacing: -.2px;
|
||||
float: left;
|
||||
margin: 0;
|
||||
width: 18%;">2020.03.07 </h5>
|
||||
<h3 style=" float: left;
|
||||
margin: 0;
|
||||
width: 78%;
|
||||
font-size: 17px;
|
||||
color: #8e8e95;
|
||||
color: rgba(142, 142, 149, .8);
|
||||
line-height: normal;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;">核酸筛选检测进工地为疫情期间有序复工送上“定心丸”</h3>
|
||||
<div style="overflow: hidden;">
|
||||
|
||||
|
||||
</div>
|
||||
<div @click="changeto" style="cursor: pointer;">
|
||||
|
||||
<div class="dot_box" style=" font-size: 0;
|
||||
margin-top: 20px;
|
||||
top: -2px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
position: relative;"
|
||||
|
||||
>
|
||||
<div class="i"></div>
|
||||
<div class="i"></div>
|
||||
<div class="i"></div>
|
||||
</div>
|
||||
<div class="text">更多新闻</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="index_2" style="padding-bottom: 40px;width: 80%;margin: 0 auto;">
|
||||
<div class="index_2" style="padding-bottom: 75px;width: 80%;margin: 0 auto;">
|
||||
<div style="display: flex;">
|
||||
<div class="content2-left">
|
||||
<div>
|
||||
<h3>行业动态</h3>
|
||||
<h6>INDUSTRY TRENDS</h6>
|
||||
</div>
|
||||
<div class="textbox">
|
||||
<h3>齐心战役 民族担当</h3>
|
||||
<!-- <h3></h3> -->
|
||||
<h5>飞阳建设援建疫情防控集中点</h5>
|
||||
<!-- <h5></h5> -->
|
||||
<div class="textbox" v-html="hydata.content">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="content2-right">
|
||||
<img src="@/assets/images/vedio.png" style="width: 100%;object-fit: contain;">
|
||||
<img :src="hydata.src" style="width: 100%;object-fit: contain;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -168,10 +163,8 @@
|
||||
<div style="max-width: 80vw;overflow: hidden;height: 100%;margin: auto;">
|
||||
<div class="swiper3" >
|
||||
<div class="swiper-wrapper swiper9" >
|
||||
<div class="swiper-slide" style="background-color: rgb(240,246,250);border-radius: 10px;padding: 40px;box-sizing: border-box;"><img src="@/assets/images/4 荣誉1.png" style=" width: 100%;margin: auto;"></div>
|
||||
<div class="swiper-slide" style="background-color: rgb(240,246,250);border-radius: 10px;padding: 40px;box-sizing: border-box;"><img src="@/assets/images/4 荣誉2.png" style=" width: 100%;margin: auto;"></div>
|
||||
<div class="swiper-slide" style="background-color: rgb(240,246,250);border-radius: 10px;padding: 40px;box-sizing: border-box;"><img src="@/assets/images/4 荣誉3.png" style=" width: 100%;margin: auto;"></div>
|
||||
<div class="swiper-slide" style="background-color: rgb(240,246,250);border-radius: 10px;padding: 40px;box-sizing: border-box;"><img src="@/assets/images/4 荣誉4.png" style=" width: 100%;margin: auto;"></div>
|
||||
<div class="swiper-slide" v-for="item in achievementarr" :key="item.id" style="background-color: rgb(240,246,250);border-radius: 10px;padding: 40px;box-sizing: border-box;"><img :src="item.url" style=" width: 100%;margin: auto;"></div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="swiper-pagination1" style="text-align: center;"></div>
|
||||
@ -191,14 +184,67 @@
|
||||
|
||||
import Swiper from 'swiper'
|
||||
import 'swiper/css/swiper.min.css'
|
||||
import { achievementPic, hyDtai,swiperimg,getnews } from '@/api'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
hydata:{src:''},
|
||||
imgarr:[],
|
||||
achievementarr:[],
|
||||
newsitem:{}
|
||||
}
|
||||
|
||||
},
|
||||
mounted() {
|
||||
//大图轮播图
|
||||
swiperimg().then((res)=>{
|
||||
this.imgarr=res.data
|
||||
this.$nextTick(()=>{
|
||||
new Swiper('.swiper5', {
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 4100,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
|
||||
},
|
||||
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
|
||||
})
|
||||
//荣誉展示
|
||||
achievementPic().then((res)=>{
|
||||
this.achievementarr=res.data
|
||||
this.$nextTick(()=>{
|
||||
new Swiper('.swiper3', {
|
||||
slidesPerView: 4,
|
||||
slidesPerGroup: 1,
|
||||
spaceBetween: 20,
|
||||
pagination: {
|
||||
el: '.swiper-pagination1'
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
})
|
||||
//新闻展示
|
||||
getnews().then((res)=>{
|
||||
this.newsitem=res.data[1]
|
||||
})
|
||||
// 创建交叉观察器实例
|
||||
// this.observer = new IntersectionObserver(entries => {
|
||||
// entries.forEach(entry => {
|
||||
@ -220,23 +266,7 @@ export default {
|
||||
|
||||
// 初始化Swiper
|
||||
|
||||
new Swiper('.swiper5', {
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 4100,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
}
|
||||
)
|
||||
new Swiper('.swiper2', {
|
||||
slidesPerView: 3,
|
||||
slidesPerGroup: 1,
|
||||
@ -245,14 +275,14 @@ export default {
|
||||
el: '.swiper-pagination1'
|
||||
}
|
||||
})
|
||||
new Swiper('.swiper3', {
|
||||
slidesPerView: 4,
|
||||
slidesPerGroup: 1,
|
||||
spaceBetween: 20,
|
||||
pagination: {
|
||||
el: '.swiper-pagination1'
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
methods:{
|
||||
changeto(){
|
||||
this.$router.push({
|
||||
path:'/news'
|
||||
})
|
||||
}
|
||||
},
|
||||
beforeDestroy() {
|
||||
// 在组件销毁之前停止观察器
|
||||
@ -384,7 +414,7 @@ h6 {
|
||||
|
||||
.index-top {
|
||||
position: relative;
|
||||
|
||||
padding-bottom: 24px;
|
||||
margin-bottom: 24px;
|
||||
border-bottom: 2px solid #c9c9c9;
|
||||
border-bottom: 2px solid rgba(201, 201, 201, .5);
|
||||
@ -447,4 +477,18 @@ h6 {
|
||||
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;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||
<el-tab-pane label="公司简介" name="first"></el-tab-pane>
|
||||
<el-tab-pane label="公司荣誉" name="second"></el-tab-pane>
|
||||
<el-tab-pane label="组织架构" name="third"></el-tab-pane>
|
||||
|
||||
<el-tab-pane label="企业文化" name="fourth"></el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
@ -278,7 +278,7 @@
|
||||
|
||||
</div>
|
||||
<div
|
||||
style="background-color: rgb(248,248,248);padding: 40px 42px 0; border-radius: 0 0 14px 14px ;line-height: 24px;height: 230px;">
|
||||
style="background-color: rgb(248,248,248);padding: 36px 42px 0; border-radius: 0 0 14px 14px ;line-height: 24px;height: 230px;">
|
||||
<h3 style="color:rgb(108,108,118);margin: 0;">企业愿景</h3>
|
||||
<h5>CORPORATE <br>VISION</h5>
|
||||
<p style="color: rgb(169,169,169);margin: 0;font-size: 14px;">成为载誉八闽的一流建筑承包商</p>
|
||||
@ -294,7 +294,7 @@
|
||||
|
||||
</div>
|
||||
<div
|
||||
style="background-color: rgb(248,248,248);padding: 40px 42px 0; border-radius: 0 0 14px 14px ;line-height: 24px;height: 230px;">
|
||||
style="background-color: rgb(248,248,248);padding: 36px 42px 0; border-radius: 0 0 14px 14px ;line-height: 24px;height: 230px;">
|
||||
<h3 style="color:rgb(108,108,118);margin: 0;">企业使命</h3>
|
||||
<h5>CORPORATE <br>MISSION</h5>
|
||||
<p style="color: rgb(169,169,169);margin: 0;font-size: 14px;">不断提升管理和服务能力</p>
|
||||
@ -310,7 +310,7 @@
|
||||
|
||||
</div>
|
||||
<div
|
||||
style="background-color: rgb(248,248,248);padding: 40px 42px 0; border-radius: 0 0 14px 14px ;line-height: 24px;height: 230px;">
|
||||
style="background-color: rgb(248,248,248);padding: 36px 42px 0; border-radius: 0 0 14px 14px ;line-height: 24px;height: 230px;">
|
||||
<h3 style="color:rgb(108,108,118);margin: 0;">核心价值观</h3>
|
||||
<h5>CORPORATE <br>VALUES</h5>
|
||||
<p style="color: rgb(169,169,169);margin: 0;font-size: 14px;">敢言道正 树立榜样 尊重他人 客观持平 贵乎自知
|
||||
@ -330,6 +330,7 @@
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { honor } from '@/api';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
@ -341,58 +342,51 @@ export default {
|
||||
"fontsize": 18,
|
||||
"year": "2019",
|
||||
"bgcolor": "#e4e7ed",
|
||||
"size": "28",
|
||||
"info": "工作室更名为：西安拓美网络科技有限公司"
|
||||
|
||||
}, {
|
||||
"timestamp": "2023年",
|
||||
"color": "#999",
|
||||
"fontsize": 18,
|
||||
"size": "28",
|
||||
"bgcolor": "#e4e7ed",
|
||||
"year": "2018",
|
||||
"info": "工作室更名为：西安拓美网络科技有限公司"
|
||||
|
||||
}, {
|
||||
"timestamp": "2022年",
|
||||
"color": "#999",
|
||||
"fontsize": 18,
|
||||
"size": "28",
|
||||
"bgcolor": "#e4e7ed",
|
||||
"year": "2017",
|
||||
"info": "工作室更名为：西安拓美网络科技有限公司"
|
||||
|
||||
}, {
|
||||
"timestamp": "2021年",
|
||||
"color": "#999",
|
||||
"fontsize": 18,
|
||||
"size": "28",
|
||||
"year": "2016",
|
||||
"bgcolor": "#e4e7ed",
|
||||
"info": "工作室更名为：西安拓美网络科技有限公司"
|
||||
|
||||
}, {
|
||||
"timestamp": "2020年",
|
||||
"color": "#999",
|
||||
"fontsize": 18,
|
||||
"year": "2015",
|
||||
"size": "28",
|
||||
"bgcolor": "#e4e7ed",
|
||||
"info": "工作室更名为：西安拓美网络科技有限公司"
|
||||
|
||||
}, {
|
||||
"timestamp": "2019年",
|
||||
"color": "#999",
|
||||
"fontsize": 18,
|
||||
"size": "28",
|
||||
"bgcolor": "#e4e7ed",
|
||||
"year": "2014",
|
||||
"info": "工作室更名为：西安拓美网络科技有限公司"
|
||||
|
||||
}, {
|
||||
"timestamp": "2018年",
|
||||
"color": "#999",
|
||||
"fontsize": 18,
|
||||
"size": "28",
|
||||
"bgcolor": "#e4e7ed",
|
||||
"year": "2013",
|
||||
"info": "工作室更名为：西安拓美网络科技有限公司"
|
||||
|
||||
}, {
|
||||
"timestamp": "2017及",
|
||||
"timestamp": "2017及前",
|
||||
"color": "#999",
|
||||
"fontsize": 18,
|
||||
"size": "28",
|
||||
@ -403,6 +397,11 @@ export default {
|
||||
}]
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
// honor({'year':'2019'}).then((res)=>{
|
||||
// console.log(res)
|
||||
// })
|
||||
},
|
||||
methods: {
|
||||
handleClick(tab, event) {
|
||||
console.log(tab.index);
|
||||
|
||||
@ -51,7 +51,7 @@
|
||||
<img src="@/assets/images/weixin.png" style="width: 100%;">
|
||||
</div>
|
||||
</div>
|
||||
<div style="height: 60px;"></div>
|
||||
<div style="height: 85px;"></div>
|
||||
<div>
|
||||
<div style="background-color: rgb(232,232,232);padding: 8px 15px;border-radius: 14px 14px 0 0;display: flex;">
|
||||
<img src="@/assets/images/留言图标.png" style="width: 40;object-fit: contain;">
|
||||
|
||||
187
src/views/detail.vue
Normal file
187
src/views/detail.vue
Normal file
@ -0,0 +1,187 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="page_ban">
|
||||
<div class="img compbg"></div>
|
||||
<div class="content">
|
||||
<div class="page_nav">
|
||||
<div class="name">
|
||||
<a style="padding: 0;" href="">新闻资讯</a> <a href="javascript:;">企业新闻</a>
|
||||
</div>
|
||||
<div class="list" style="bottom:-15px">
|
||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||
<el-tab-pane label="新闻详情" name="first"></el-tab-pane>
|
||||
|
||||
</el-tabs>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="Wrapper news_d">
|
||||
<div class="content" style="text-align: center;">
|
||||
<div class="name">动态标题</div>
|
||||
<div class="top-box"> <div class="date">动态创建时间2024.2.3</div> </div>
|
||||
<div class="divider"></div>
|
||||
<div>后台数据内容</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="con">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
<script>
|
||||
</script>
|
||||
<style scoped>
|
||||
.divider {
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
background-color: #0059a7;
|
||||
position: static;
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
.name {
|
||||
font-size: 30px;
|
||||
color: #0007a9;
|
||||
color: rgba(0, 7, 169, .8);
|
||||
line-height: 36px;
|
||||
}
|
||||
.news_d {
|
||||
padding: 60px 0 90px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.Wrapper {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
z-index: 100;
|
||||
}
|
||||
.news_d .name {
|
||||
font-size: 30px;
|
||||
color: #0007a9;
|
||||
color: rgba(0, 7, 169, .8);
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
::v-deep .el-tabs__item {
|
||||
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
border: none;
|
||||
}
|
||||
|
||||
::v-deep .el-tabs__nav-wrap::after {
|
||||
background-color: transparent;
|
||||
}
|
||||
.news_d .con p {
|
||||
font-size: 14.5px;
|
||||
color: #8e8e95;
|
||||
line-height: 26px;
|
||||
margin-bottom: 26px;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
|
||||
.compbg {
|
||||
background-image: url('../assets/images/banner.png');
|
||||
}
|
||||
|
||||
.page_ban {
|
||||
height: 404px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
z-index: 101;
|
||||
}
|
||||
|
||||
.page_ban .img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
.top-box{
|
||||
margin: 16px 0 30px;
|
||||
}
|
||||
.date{
|
||||
|
||||
font-size: 26px;
|
||||
color: #dfd4c3;
|
||||
line-height: 1;
|
||||
|
||||
bottom: 20px;
|
||||
padding: 0 30px;
|
||||
width: 100%;
|
||||
}
|
||||
.page_ban .content {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
.content {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.page_nav {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
div,
|
||||
li {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.page_nav .name {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.page_nav .list {
|
||||
position: relative;
|
||||
float: right;
|
||||
margin-right: -35px;
|
||||
}
|
||||
|
||||
.page_nav a {
|
||||
float: left;
|
||||
line-height: 76px;
|
||||
position: relative;
|
||||
font-size: 14.5px;
|
||||
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.page_nav .name a {
|
||||
padding-left: 30px;
|
||||
/* background: url() no-repeat left 30px; */
|
||||
}
|
||||
|
||||
.page_nav .list {
|
||||
position: relative;
|
||||
float: right;
|
||||
margin-right: -35px;
|
||||
}
|
||||
|
||||
.page_nav .list a {
|
||||
color: #e7dfd2;
|
||||
color: rgba(231, 223, 210, .7);
|
||||
margin-right: 35px;
|
||||
}
|
||||
|
||||
.page_nav a {
|
||||
float: left;
|
||||
line-height: 76px;
|
||||
position: relative;
|
||||
font-size: 14.5px;
|
||||
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
@ -10,7 +10,7 @@
|
||||
<div class="list" style="bottom:-15px">
|
||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||
<el-tab-pane label="企业新闻" name="first"></el-tab-pane>
|
||||
<el-tab-pane label="行业动态" name="second"></el-tab-pane>
|
||||
|
||||
|
||||
</el-tabs>
|
||||
|
||||
@ -20,20 +20,19 @@
|
||||
</div>
|
||||
<div style="height: 80px;"></div>
|
||||
<div style="width: 80%;margin: auto;">
|
||||
<el-row>
|
||||
<el-col :span="8" >
|
||||
<el-row style="display: flex;flex-wrap: wrap;">
|
||||
<el-col :span="8" v-for="item in newslist" :key="item.id" class="colitem">
|
||||
<el-card :body-style="{ padding: '0px' }">
|
||||
<div class="card_img1 mark" >
|
||||
<div class="card_img1 mark" :style="{ 'background-image': 'url(' + item.pic + ')' }" >
|
||||
<div class="date">2020.12.31</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="news_li_con"><div class="title">飞阳建设南江滨东大道获得福州</div> <div class="introduction">最近，一场以品质为核心的比拼在福州城区多条道路悄悄
|
||||
展开。聚焦工程质量、路面铺装、绿化景观、安全文明等"赛点"，包括我司承建的南江滨东大道项目在内的...</div> <div class="more">more...</div> </div>
|
||||
<div class="news_li_con"><div class="title">飞阳建设南江滨东大道获得福州</div> <div class="introduction" v-html="item.content"></div> <div class="more">more...</div> </div>
|
||||
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<!-- <el-col :span="8" >
|
||||
<el-card :body-style="{ padding: '0px' }">
|
||||
<div class="card_img2 mark" >
|
||||
<div class="date">2020.03.07</div>
|
||||
@ -57,7 +56,7 @@
|
||||
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-col> -->
|
||||
</el-row>
|
||||
</div>
|
||||
<div style="height: 70px;"></div>
|
||||
@ -80,14 +79,20 @@
|
||||
</template>
|
||||
<script>
|
||||
import '@/assets/images/news1.png'
|
||||
import { getnews } from '@/api';
|
||||
export default{
|
||||
data(){
|
||||
return{
|
||||
activeName:'first',
|
||||
newslist:[{},{},{},{},{},{}]
|
||||
newslist:[],
|
||||
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
getnews().then((res)=>{
|
||||
this.newslist=res.data
|
||||
})
|
||||
},
|
||||
methods:{
|
||||
handleClick(){
|
||||
|
||||
@ -216,7 +221,7 @@ li {
|
||||
}
|
||||
.card_img1{
|
||||
border-radius: 14px;
|
||||
background-image: url('../assets/images/news1.png');
|
||||
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 307px;
|
||||
@ -247,6 +252,10 @@ li {
|
||||
margin-bottom: 16px;
|
||||
border-radius: 14px;
|
||||
}
|
||||
.colitem{
|
||||
display: inline-block;
|
||||
float: none;
|
||||
}
|
||||
.mark::before{
|
||||
|
||||
content: '';
|
||||
@ -272,6 +281,8 @@ li {
|
||||
.news_li_con {
|
||||
position: relative;
|
||||
padding-left: 28px;
|
||||
height: 200px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.news_li_con:before {
|
||||
content: '';
|
||||
@ -311,7 +322,8 @@ padding-left: 28px;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
.more {
|
||||
font-family: 'Rajdhani';
|
||||
position:absolute;
|
||||
bottom: 0;
|
||||
font-size: 18px;
|
||||
color: #3958cd;
|
||||
line-height: 1;
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin: 60px 0px;text-align: center;" >
|
||||
<div style="margin: 13px 0px;text-align: center;" >
|
||||
<el-radio-group v-model="radio3" style="margin: auto;" >
|
||||
<el-radio-button class="myself" style="border-radius: 26px;margin-right:18px" label="1" border>房屋建筑</el-radio-button>
|
||||
<el-radio-button style="border-radius: 26px;margin-right:18px" label="2" border >市政公路</el-radio-button>
|
||||
@ -21,13 +21,13 @@
|
||||
</el-radio-group>
|
||||
</div>
|
||||
<div class="content2" style="width: 80%;margin: auto;display: flex;justify-content: space-between;flex-wrap: wrap;">
|
||||
<div style="width: 32%;border-radius: 15px 15px 0 0 ;background-color: rgb(245,245,245);margin-bottom: 2%;">
|
||||
<img src="@/assets/images/project1.png" style="width: 100%;border-radius: 15px 15px 0 0 ;">
|
||||
<div v-for="item in PrijectList" style="width: 32%;border-radius: 15px 15px 0 0 ;background-color: rgb(245,245,245);margin-bottom: 2%;">
|
||||
<img :src="item.url" style="width: 100%;border-radius: 15px 15px 0 0 ;">
|
||||
<div style="padding: 2px 20px;display:flex ;justify-content: space-between;">
|
||||
<p>兴国幼儿园</p><p class="project-font" >MORE...</p>
|
||||
<p>{{item.name}}</p><p class="project-font" >MORE...</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 32%;border-radius: 15px 15px 0 0;background-color: rgb(245,245,245);margin-bottom: 2%;">
|
||||
<!-- <div style="width: 32%;border-radius: 15px 15px 0 0;background-color: rgb(245,245,245);margin-bottom: 2%;">
|
||||
<img src="@/assets/images/project2.png" style="width: 100%;border-radius: 15px 15px 0 0 ;">
|
||||
<div style="padding: 2px 20px;display:flex ;justify-content: space-between;">
|
||||
<p>漳州龙海石码中心小学</p><p class="project-font" >MORE...</p>
|
||||
@ -78,9 +78,9 @@
|
||||
<img src="@/assets/images/project9.png" style="width: 100%;border-radius: 15px 15px 0 0;">
|
||||
<div style="padding: 2px 20px;display:flex ;justify-content: space-between;">
|
||||
<p>南安保利香槟公馆
|
||||
</p><p class="project-font" >MORE...</p>
|
||||
</div>
|
||||
</div>
|
||||
</p><p class="project-font" >MORE...</p> -->
|
||||
<!-- </div>
|
||||
</div> -->
|
||||
|
||||
|
||||
</div>
|
||||
@ -96,13 +96,20 @@
|
||||
|
||||
</template>
|
||||
<script>
|
||||
import { getproject } from '@/api';
|
||||
export default{
|
||||
data(){
|
||||
return{
|
||||
activeName:'first',
|
||||
radio3:'1'
|
||||
radio3:'1',
|
||||
PrijectList:[]
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
getproject().then((res)=>{
|
||||
this.PrijectList=res.data.content
|
||||
})
|
||||
},
|
||||
methods:{
|
||||
handleClick(){
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user