Commit c4fe2d9dda84abf17da7fbea7703387cc0b649c2
1 parent
4e88579c
政府banner
Showing
4 changed files
with
108 additions
and
61 deletions
webintroduce/src/assets/images/government/banner.png
0 → 100644
1.18 MB
webintroduce/src/components/Vbanner.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <div class="banner pos-rel" :style="{backgroundImage:'url('+bannerBg+')'}"> | ||
| 3 | + <div class="banner-des"> | ||
| 4 | + <p class="banner-title">{{bannerTitle}}</p> | ||
| 5 | + <p class="banner-sub-title">{{subTitle}}</p> | ||
| 6 | + </div> | ||
| 7 | + </div> | ||
| 8 | +</template> | ||
| 9 | + | ||
| 10 | +<script> | ||
| 11 | +export default { | ||
| 12 | + name: 'Vbanner', | ||
| 13 | + props:{ | ||
| 14 | + bannerTitle:String, | ||
| 15 | + subTitle:String, | ||
| 16 | + bannerBg:String | ||
| 17 | + } | ||
| 18 | +} | ||
| 19 | +</script> | ||
| 20 | + | ||
| 21 | +<style scoped lang="scss"> | ||
| 22 | + .banner { | ||
| 23 | + height: $baseBannerHeight; | ||
| 24 | + /*background: url("../assets/images/enterprise/banner.png");*/ | ||
| 25 | + background-repeat: no-repeat; | ||
| 26 | + background-size: 100% 100%; | ||
| 27 | + } | ||
| 28 | + | ||
| 29 | + .banner-des { | ||
| 30 | + width: 1100px; | ||
| 31 | + color: $baseColor; | ||
| 32 | + @include pos-middle; | ||
| 33 | + border-bottom: 1px solid #fff; | ||
| 34 | + } | ||
| 35 | + | ||
| 36 | + .banner-title { | ||
| 37 | + font-size: 77px; | ||
| 38 | + } | ||
| 39 | + | ||
| 40 | + .banner-sub-title { | ||
| 41 | + margin: 43px 0; | ||
| 42 | + font-size: 42px; | ||
| 43 | + color: rgba(255, 255, 255, .8); | ||
| 44 | + } | ||
| 45 | +</style> |
webintroduce/src/views/enterprise.vue
| 1 | <template> | 1 | <template> |
| 2 | - <div> | ||
| 3 | - <div class="banner pos-rel"> | ||
| 4 | - <div class="banner-des"> | ||
| 5 | - <p class="banner-title">城市级智慧停车运营管理云平台</p> | ||
| 6 | - <p class="banner-sub-title">一城一网一平台 一车一位一编号</p> | ||
| 7 | - </div> | ||
| 8 | - </div> | 2 | + <div> |
| 3 | + <Vbanner | ||
| 4 | + v-bind:bannerBg="bannerImg" | ||
| 5 | + bannerTitle="城市级智慧停车运营管理云平台" | ||
| 6 | + subTitle="一城一网一平台 一车一位一编号" | ||
| 7 | + ></Vbanner> | ||
| 9 | 8 | ||
| 10 | - <div class="introduce-main"> | ||
| 11 | - <p class="introduce-title">城市级智慧停车运营管理云平台</p> | ||
| 12 | - <p class="introduce-des">城市级智慧停车管理云平台，通过物联网、云计算以及互联网技术，深度整合城市停车资源，对城市路内停车管理以及封闭式停车管理建立统一管理平台，真正实现“一城一网一平台，一车一位一编号”，推进停车位资源优化配置，实现城市停车标准化、精细化管理，盘活停车泊位存量，优化泊位增量，规范停车秩序，解决停车难题，提高城市停车治理水平</p> | 9 | + <div class="introduce-main"> |
| 10 | + <p class="introduce-title">城市级智慧停车运营管理云平台</p> | ||
| 11 | + <p class="introduce-des"> | ||
| 12 | + 城市级智慧停车管理云平台，通过物联网、云计算以及互联网技术，深度整合城市停车资源，对城市路内停车管理以及封闭式停车管理建立统一管理平台，真正实现“一城一网一平台，一车一位一编号”，推进停车位资源优化配置，实现城市停车标准化、精细化管理，盘活停车泊位存量，优化泊位增量，规范停车秩序，解决停车难题，提高城市停车治理水平</p> | ||
| 13 | 13 | ||
| 14 | - </div> | 14 | + </div> |
| 15 | 15 | ||
| 16 | - <div class="detail-con"> | ||
| 17 | - <Vsetion | 16 | + <div class="detail-con"> |
| 17 | + <Vsetion | ||
| 18 | mytitle="路内停车管理" | 18 | mytitle="路内停车管理" |
| 19 | v-bind:insideList="insideList" | 19 | v-bind:insideList="insideList" |
| 20 | rowReverse="" | 20 | rowReverse="" |
| 21 | setionheight="291px" | 21 | setionheight="291px" |
| 22 | v-bind:bgImg="InsideImg" | 22 | v-bind:bgImg="InsideImg" |
| 23 | - ></Vsetion> | ||
| 24 | - | ||
| 25 | - <Vsetion | ||
| 26 | - mytitle="封闭式停车无人值守管理" | ||
| 27 | - v-bind:insideList="closeList" | ||
| 28 | - rowReverse="row-reverse" | ||
| 29 | - setionheight="263px" | ||
| 30 | - v-bind:bgImg="CloseImg" | ||
| 31 | - ></Vsetion> | 23 | + ></Vsetion> |
| 32 | 24 | ||
| 33 | - <Vsetion | ||
| 34 | - mytitle="城市停车诱导系统" | ||
| 35 | - v-bind:insideList="guideList" | ||
| 36 | - rowReverse="" | ||
| 37 | - setionheight="263px" | ||
| 38 | - v-bind:bgImg="guideImg" | ||
| 39 | - ></Vsetion> | ||
| 40 | - </div> | 25 | + <Vsetion |
| 26 | + mytitle="封闭式停车无人值守管理" | ||
| 27 | + v-bind:insideList="closeList" | ||
| 28 | + rowReverse="row-reverse" | ||
| 29 | + setionheight="263px" | ||
| 30 | + v-bind:bgImg="CloseImg" | ||
| 31 | + ></Vsetion> | ||
| 41 | 32 | ||
| 33 | + <Vsetion | ||
| 34 | + mytitle="城市停车诱导系统" | ||
| 35 | + v-bind:insideList="guideList" | ||
| 36 | + rowReverse="" | ||
| 37 | + setionheight="263px" | ||
| 38 | + v-bind:bgImg="guideImg" | ||
| 39 | + ></Vsetion> | ||
| 42 | </div> | 40 | </div> |
| 41 | + | ||
| 42 | + </div> | ||
| 43 | </template> | 43 | </template> |
| 44 | 44 | ||
| 45 | <script> | 45 | <script> |
| 46 | import Vsetion from '../components/Vsetion' | 46 | import Vsetion from '../components/Vsetion' |
| 47 | +import Vbanner from '../components/Vbanner' | ||
| 47 | export default { | 48 | export default { |
| 48 | name: 'VEnterprise', | 49 | name: 'VEnterprise', |
| 49 | - components:{ | ||
| 50 | - Vsetion | 50 | + components: { |
| 51 | + Vsetion, Vbanner | ||
| 51 | }, | 52 | }, |
| 52 | - data(){ | 53 | + data() { |
| 53 | return { | 54 | return { |
| 54 | - insideList:[ | 55 | + bannerImg:require('../assets/images/enterprise/banner.png'), |
| 56 | + insideList: [ | ||
| 55 | '实时采集车位状态停车时长，后台实时监管后台实时监管', | 57 | '实时采集车位状态停车时长，后台实时监管后台实时监管', |
| 56 | '精确记录停车时长，后台实时监管后台实时监管', | 58 | '精确记录停车时长，后台实时监管后台实时监管', |
| 57 | '有效杜绝跑冒滴漏', | 59 | '有效杜绝跑冒滴漏', |
| 58 | '停车入位、规范有序、智能有偿', | 60 | '停车入位、规范有序、智能有偿', |
| 59 | ], | 61 | ], |
| 60 | InsideImg: require('../assets/images/enterprise/inside.png'), | 62 | InsideImg: require('../assets/images/enterprise/inside.png'), |
| 61 | - closeList:[ | 63 | + closeList: [ |
| 62 | '无人值守，降低人工运营成本，提高车场收益', | 64 | '无人值守，降低人工运营成本，提高车场收益', |
| 63 | '无人值守，降低人工运营成', | 65 | '无人值守，降低人工运营成', |
| 64 | '无人值守，降低人工运营成本，提', | 66 | '无人值守，降低人工运营成本，提', |
| 65 | ], | 67 | ], |
| 66 | CloseImg: require('../assets/images/enterprise/close.png'), | 68 | CloseImg: require('../assets/images/enterprise/close.png'), |
| 67 | - guideList:[ | 69 | + guideList: [ |
| 68 | '城市停车三级诱导城市停车三级诱导城市停车三级诱导', | 70 | '城市停车三级诱导城市停车三级诱导城市停车三级诱导', |
| 69 | '实时交通路况展示（红、黄、绿）通路况展示（红、黄、绿）', | 71 | '实时交通路况展示（红、黄、绿）通路况展示（红、黄、绿）', |
| 70 | '停车场剩余泊位实时更新', | 72 | '停车场剩余泊位实时更新', |
| @@ -78,40 +80,25 @@ export default { | @@ -78,40 +80,25 @@ export default { | ||
| 78 | </script> | 80 | </script> |
| 79 | 81 | ||
| 80 | <style scoped lang="scss"> | 82 | <style scoped lang="scss"> |
| 81 | -.banner{ | ||
| 82 | - height: $baseBannerHeight; | ||
| 83 | - background: url("../assets/images/enterprise/banner.png") no-repeat; | ||
| 84 | - background-size: 100% 100%; | ||
| 85 | -} | ||
| 86 | - .banner-des{ | ||
| 87 | - width: 1100px; | ||
| 88 | - color: $baseColor; | ||
| 89 | - @include pos-middle; | ||
| 90 | - border-bottom: 1px solid #fff; | ||
| 91 | - } | ||
| 92 | - .banner-title{ | ||
| 93 | - font-size: 77px; | ||
| 94 | - } | ||
| 95 | - .banner-sub-title{ | ||
| 96 | - margin: 43px 0; | ||
| 97 | - font-size: 42px; | ||
| 98 | - color: rgba(255,255,255,.8); | ||
| 99 | - } | ||
| 100 | - .introduce-main{ | 83 | + |
| 84 | + .introduce-main { | ||
| 101 | height: 860px; | 85 | height: 860px; |
| 102 | padding: 82px 0; | 86 | padding: 82px 0; |
| 103 | background: $baseBgColor url("../assets/images/enterprise/introduce-main.png") no-repeat center 316px; | 87 | background: $baseBgColor url("../assets/images/enterprise/introduce-main.png") no-repeat center 316px; |
| 104 | } | 88 | } |
| 105 | - .introduce-title{ | 89 | + |
| 90 | + .introduce-title { | ||
| 106 | font-size: $fontSizeTitle; | 91 | font-size: $fontSizeTitle; |
| 107 | } | 92 | } |
| 108 | - .introduce-des{ | 93 | + |
| 94 | + .introduce-des { | ||
| 109 | width: 869px; | 95 | width: 869px; |
| 110 | margin: 41px auto 97px; | 96 | margin: 41px auto 97px; |
| 111 | line-height: 20px; | 97 | line-height: 20px; |
| 112 | font-size: $fontSizeSubTitle; | 98 | font-size: $fontSizeSubTitle; |
| 113 | } | 99 | } |
| 114 | - .detail-con{ | 100 | + |
| 101 | + .detail-con { | ||
| 115 | background: $baseWhiteBg; | 102 | background: $baseWhiteBg; |
| 116 | } | 103 | } |
| 117 | 104 |
webintroduce/src/views/government.vue
| 1 | <template> | 1 | <template> |
| 2 | - <div>1</div> | 2 | + <div> |
| 3 | + <Vbanner | ||
| 4 | + v-bind:bannerBg="bannerImg" | ||
| 5 | + bannerTitle="城市级智慧停车管理数据中心" | ||
| 6 | + subTitle="物联网+互联网+云计算+大数据" | ||
| 7 | + ></Vbanner> | ||
| 8 | + </div> | ||
| 3 | </template> | 9 | </template> |
| 4 | 10 | ||
| 5 | <script> | 11 | <script> |
| 12 | +import Vbanner from '../components/Vbanner' | ||
| 6 | export default { | 13 | export default { |
| 7 | - name: 'government' | 14 | + name: 'government', |
| 15 | + components:{ | ||
| 16 | + Vbanner | ||
| 17 | + }, | ||
| 18 | + data(){ | ||
| 19 | + return{ | ||
| 20 | + bannerImg:require('../assets/images/government/banner.png') | ||
| 21 | + } | ||
| 22 | + } | ||
| 8 | } | 23 | } |
| 9 | </script> | 24 | </script> |
| 10 | 25 |