Commit 6e1cd87d05d64e4fe755d91bd8414a054a3e8f86
1 parent
c4fe2d9d
政府introduce
Showing
6 changed files
with
57 additions
and
24 deletions
webintroduce/src/App.vue
| @@ -107,7 +107,7 @@ export default { | @@ -107,7 +107,7 @@ export default { | ||
| 107 | width: 22px; | 107 | width: 22px; |
| 108 | height: 22px; | 108 | height: 22px; |
| 109 | background: url("assets/images/back.png") no-repeat; | 109 | background: url("assets/images/back.png") no-repeat; |
| 110 | - right:10px; | 110 | + right:20px; |
| 111 | bottom: 10px; | 111 | bottom: 10px; |
| 112 | display: none; | 112 | display: none; |
| 113 | cursor: pointer; | 113 | cursor: pointer; |
webintroduce/src/assets/images/enterprise/introduce-main.png renamed to webintroduce/src/assets/images/enterprise/introduce.png
207 KB
webintroduce/src/assets/images/government/introduce.png
0 → 100644
15.7 KB
webintroduce/src/components/Vintroduce.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <div class="introduce-main" :style="{backgroundImage:'url('+introduceBg+')'}"> | ||
| 3 | + <p class="introduce-title">{{introduceTitle}}</p> | ||
| 4 | + <p class="introduce-des">{{introduceDes}}</p> | ||
| 5 | + </div> | ||
| 6 | +</template> | ||
| 7 | + | ||
| 8 | +<script> | ||
| 9 | +export default { | ||
| 10 | + name: 'Vintroduce', | ||
| 11 | + props:{ | ||
| 12 | + introduceTitle:String, | ||
| 13 | + introduceDes:String, | ||
| 14 | + introduceBg:String | ||
| 15 | + } | ||
| 16 | +} | ||
| 17 | +</script> | ||
| 18 | + | ||
| 19 | +<style scoped lang="scss"> | ||
| 20 | + .introduce-main { | ||
| 21 | + height: 860px; | ||
| 22 | + padding: 82px 0; | ||
| 23 | + background-color: $baseBgColor ; | ||
| 24 | + background-repeat: no-repeat; | ||
| 25 | + background-position: center 316px; | ||
| 26 | + } | ||
| 27 | + | ||
| 28 | + .introduce-title { | ||
| 29 | + font-size: $fontSizeTitle; | ||
| 30 | + } | ||
| 31 | + | ||
| 32 | + .introduce-des { | ||
| 33 | + width: 869px; | ||
| 34 | + margin: 41px auto 97px; | ||
| 35 | + line-height: 20px; | ||
| 36 | + font-size: $fontSizeSubTitle; | ||
| 37 | + } | ||
| 38 | +</style> |
webintroduce/src/views/enterprise.vue
| @@ -6,12 +6,13 @@ | @@ -6,12 +6,13 @@ | ||
| 6 | subTitle="一城一网一平台 一车一位一编号" | 6 | subTitle="一城一网一平台 一车一位一编号" |
| 7 | ></Vbanner> | 7 | ></Vbanner> |
| 8 | 8 | ||
| 9 | - <div class="introduce-main"> | ||
| 10 | - <p class="introduce-title">城市级智慧停车运营管理云平台</p> | ||
| 11 | - <p class="introduce-des"> | ||
| 12 | - 城市级智慧停车管理云平台，通过物联网、云计算以及互联网技术，深度整合城市停车资源，对城市路内停车管理以及封闭式停车管理建立统一管理平台，真正实现“一城一网一平台，一车一位一编号”，推进停车位资源优化配置，实现城市停车标准化、精细化管理，盘活停车泊位存量，优化泊位增量，规范停车秩序，解决停车难题，提高城市停车治理水平</p> | 9 | + <Vintroduce |
| 10 | + :introduceBg="introduceBg" | ||
| 11 | + introduceTitle="城市级智慧停车运营管理云平台" | ||
| 12 | + introduceDes=" | ||
| 13 | + 城市级智慧停车管理云平台，通过物联网、云计算以及互联网技术，深度整合城市停车资源，对城市路内停车管理以及封闭式停车管理建立统一管理平台，真正实现“一城一网一平台，一车一位一编号”，推进停车位资源优化配置，实现城市停车标准化、精细化管理，盘活停车泊位存量，优化泊位增量，规范停车秩序，解决停车难题，提高城市停车治理水平" | ||
| 14 | + ></Vintroduce> | ||
| 13 | 15 | ||
| 14 | - </div> | ||
| 15 | 16 | ||
| 16 | <div class="detail-con"> | 17 | <div class="detail-con"> |
| 17 | <Vsetion | 18 | <Vsetion |
| @@ -45,14 +46,16 @@ | @@ -45,14 +46,16 @@ | ||
| 45 | <script> | 46 | <script> |
| 46 | import Vsetion from '../components/Vsetion' | 47 | import Vsetion from '../components/Vsetion' |
| 47 | import Vbanner from '../components/Vbanner' | 48 | import Vbanner from '../components/Vbanner' |
| 49 | +import Vintroduce from '../components/Vintroduce' | ||
| 48 | export default { | 50 | export default { |
| 49 | name: 'VEnterprise', | 51 | name: 'VEnterprise', |
| 50 | components: { | 52 | components: { |
| 51 | - Vsetion, Vbanner | 53 | + Vsetion, Vbanner, Vintroduce |
| 52 | }, | 54 | }, |
| 53 | data() { | 55 | data() { |
| 54 | return { | 56 | return { |
| 55 | bannerImg:require('../assets/images/enterprise/banner.png'), | 57 | bannerImg:require('../assets/images/enterprise/banner.png'), |
| 58 | + introduceBg:require('../assets/images/enterprise/introduce.png'), | ||
| 56 | insideList: [ | 59 | insideList: [ |
| 57 | '实时采集车位状态停车时长，后台实时监管后台实时监管', | 60 | '实时采集车位状态停车时长，后台实时监管后台实时监管', |
| 58 | '精确记录停车时长，后台实时监管后台实时监管', | 61 | '精确记录停车时长，后台实时监管后台实时监管', |
| @@ -81,22 +84,7 @@ export default { | @@ -81,22 +84,7 @@ export default { | ||
| 81 | 84 | ||
| 82 | <style scoped lang="scss"> | 85 | <style scoped lang="scss"> |
| 83 | 86 | ||
| 84 | - .introduce-main { | ||
| 85 | - height: 860px; | ||
| 86 | - padding: 82px 0; | ||
| 87 | - background: $baseBgColor url("../assets/images/enterprise/introduce-main.png") no-repeat center 316px; | ||
| 88 | - } | ||
| 89 | 87 | ||
| 90 | - .introduce-title { | ||
| 91 | - font-size: $fontSizeTitle; | ||
| 92 | - } | ||
| 93 | - | ||
| 94 | - .introduce-des { | ||
| 95 | - width: 869px; | ||
| 96 | - margin: 41px auto 97px; | ||
| 97 | - line-height: 20px; | ||
| 98 | - font-size: $fontSizeSubTitle; | ||
| 99 | - } | ||
| 100 | 88 | ||
| 101 | .detail-con { | 89 | .detail-con { |
| 102 | background: $baseWhiteBg; | 90 | background: $baseWhiteBg; |
webintroduce/src/views/government.vue
| @@ -5,19 +5,26 @@ | @@ -5,19 +5,26 @@ | ||
| 5 | bannerTitle="城市级智慧停车管理数据中心" | 5 | bannerTitle="城市级智慧停车管理数据中心" |
| 6 | subTitle="物联网+互联网+云计算+大数据" | 6 | subTitle="物联网+互联网+云计算+大数据" |
| 7 | ></Vbanner> | 7 | ></Vbanner> |
| 8 | + <Vintroduce | ||
| 9 | + :introduceBg="introduceBg" | ||
| 10 | + introduceTitle="城市级智慧停车解决方案" | ||
| 11 | + introduceDes="城市级智慧停车数据管理中心，面向政府城市停车管理部门，针对城市停车治理难题构建一套完整的技术解决方案，通过动静态交通数据融合，数据分析，应用物联网、云计算等技术，深度刻画城市级停车面貌，挖掘城市停车治理问题，提供数据以及决策支撑，有效提升城市停车治理效率，减少城市核心区道路拥堵，提高城市交通治理水平。" | ||
| 12 | + ></Vintroduce> | ||
| 8 | </div> | 13 | </div> |
| 9 | </template> | 14 | </template> |
| 10 | 15 | ||
| 11 | <script> | 16 | <script> |
| 12 | import Vbanner from '../components/Vbanner' | 17 | import Vbanner from '../components/Vbanner' |
| 18 | +import Vintroduce from '../components/Vintroduce' | ||
| 13 | export default { | 19 | export default { |
| 14 | name: 'government', | 20 | name: 'government', |
| 15 | components:{ | 21 | components:{ |
| 16 | - Vbanner | 22 | + Vbanner, Vintroduce |
| 17 | }, | 23 | }, |
| 18 | data(){ | 24 | data(){ |
| 19 | return{ | 25 | return{ |
| 20 | - bannerImg:require('../assets/images/government/banner.png') | 26 | + bannerImg:require('../assets/images/government/banner.png'), |
| 27 | + introduceBg:require('../assets/images/government/introduce.png') | ||
| 21 | } | 28 | } |
| 22 | } | 29 | } |
| 23 | } | 30 | } |