BJ_web_developers / webintroduce

Commit dac7137cf452f8f3f7bd19a27cde0d2fb7be0342

Authored by liuqimichale
1 parent d9faa14e

解决方案

Inline Side-by-side
Showing 9 changed files with 114 additions and 4 deletions
webintroduce/src/assets/images/solution/banner.png 0 → 100644
View file @dac7137

2.11 MB
webintroduce/src/assets/images/solution/plan.png 0 → 100644
View file @dac7137

76.8 KB
webintroduce/src/assets/images/solution/summary-list01.png 0 → 100644
View file @dac7137

19.9 KB
webintroduce/src/assets/images/solution/summary-list02.png 0 → 100644
View file @dac7137

17.2 KB
webintroduce/src/assets/images/solution/summary-list03.png 0 → 100644
View file @dac7137

19.5 KB
webintroduce/src/components/Vbanner.vue
  View file @dac7137
@@ -3,6 +3,7 @@ @@ -3,6 +3,7 @@
3 <div class="banner-des"> 3 <div class="banner-des">
4 <p class="banner-title">{{bannerTitle}}</p> 4 <p class="banner-title">{{bannerTitle}}</p>
5 <p class="banner-sub-title">{{subTitle}}</p> 5 <p class="banner-sub-title">{{subTitle}}</p>
  6 + <p class="line" :style="{width:lineWidth,height:lineHeight}"></p>
6 </div> 7 </div>
7 </div> 8 </div>
8 </template> 9 </template>
@@ -13,7 +14,9 @@ export default { @@ -13,7 +14,9 @@ export default {
13 props:{ 14 props:{
14 bannerTitle:String, 15 bannerTitle:String,
15 subTitle:String, 16 subTitle:String,
16 - bannerBg:String 17 + bannerBg:String,
  18 + lineWidth:String,
  19 + lineHeight:String
17 } 20 }
18 } 21 }
19 </script> 22 </script>
@@ -30,7 +33,7 @@ export default { @@ -30,7 +33,7 @@ export default {
30 width: 1100px; 33 width: 1100px;
31 color: $baseColor; 34 color: $baseColor;
32 @include pos-middle; 35 @include pos-middle;
33 - border-bottom: 1px solid #fff; 36 + /*border-bottom: 1px solid #fff;*/
34 } 37 }
35 38
36 .banner-title { 39 .banner-title {
@@ -42,4 +45,8 @@ export default { @@ -42,4 +45,8 @@ export default {
42 font-size: 42px; 45 font-size: 42px;
43 color: rgba(255, 255, 255, .8); 46 color: rgba(255, 255, 255, .8);
44 } 47 }
  48 + .line{
  49 + margin: 0 auto;
  50 + background: #fff;
  51 + }
45 </style> 52 </style>
webintroduce/src/views/enterprise.vue
  View file @dac7137
@@ -2,6 +2,8 @@ @@ -2,6 +2,8 @@
2 <div> 2 <div>
3 <Vbanner 3 <Vbanner
4 v-bind:bannerBg="bannerImg" 4 v-bind:bannerBg="bannerImg"
  5 + lineWidth="1100px"
  6 + lineHeight="1px"
5 bannerTitle="城市级智慧停车运营管理云平台" 7 bannerTitle="城市级智慧停车运营管理云平台"
6 subTitle="一城一网一平台 一车一位一编号" 8 subTitle="一城一网一平台 一车一位一编号"
7 ></Vbanner> 9 ></Vbanner>
webintroduce/src/views/government.vue
  View file @dac7137
@@ -2,6 +2,8 @@ @@ -2,6 +2,8 @@
2 <div> 2 <div>
3 <Vbanner 3 <Vbanner
4 v-bind:bannerBg="bannerImg" 4 v-bind:bannerBg="bannerImg"
  5 + lineWidth="1100px"
  6 + lineHeight="1px"
5 bannerTitle="城市级智慧停车管理数据中心" 7 bannerTitle="城市级智慧停车管理数据中心"
6 subTitle="物联网+互联网+云计算+大数据" 8 subTitle="物联网+互联网+云计算+大数据"
7 ></Vbanner> 9 ></Vbanner>
webintroduce/src/views/solution.vue
  View file @dac7137
1 <template> 1 <template>
2 - <div>解决方案</div> 2 + <div>
  3 + <Vbanner
  4 + v-bind:bannerBg="bannerImg"
  5 + lineWidth="141px"
  6 + lineHeight="6px"
  7 + bannerTitle="城市级智慧停车运营管理云平台"
  8 + subTitle="一城一网一平台 一车一位一编号"
  9 + ></Vbanner>
  10 +
  11 + <div class="summary">
  12 + <p class="summary-title">城市级智慧停车解决方案</p>
  13 + <p class="summary-des">
  14 + 城市级智慧停车管理解决方案2.0，综合利用人工智能、物联网、大数据以及互联网技术，深度整合城市动静态交通资源，挖掘城市交通数据信息，针对城市“停车难”，搭建城市级停车管理数据中心以及数据管理云平台，为政府停车管理部门提供城市停车治理数据决策支撑，规范城市停车秩序，提升城市文明形象；为车场运营企业提供先进的停车管理手段，提高车场运营效率以及收益；为车主提供“任你停”APP，有效减少停车时间，提升智能出行体验。
  15 + </p>
  16 + <ul class="summary-list">
  17 + <li>
  18 + <span>停车规划</span>
  19 + </li>
  20 + <li>
  21 + <span>停车建设</span>
  22 + </li>
  23 + <li>
  24 + <span>停车运营</span>
  25 + </li>
  26 + </ul>
  27 + </div>
  28 +
  29 + <div>
  30 + <p class="plan-title">城市停车规划</p>
  31 +
  32 + <p class="build-title">城市停车规划</p>
  33 + </div>
  34 +
  35 +
  36 +
  37 + </div>
3 </template> 38 </template>
4 39
5 <script> 40 <script>
  41 +import Vbanner from '../components/Vbanner'
  42 +
6 export default { 43 export default {
7 - name: 'VSolution' 44 + name: 'VSolution',
  45 + components: {
  46 + Vbanner
  47 + },
  48 + data() {
  49 + return {
  50 + bannerImg: require('../assets/images/solution/banner.png'),
  51 + }
  52 + }
8 } 53 }
9 </script> 54 </script>
10 55
11 <style scoped lang="scss"> 56 <style scoped lang="scss">
  57 + .summary {
  58 + height: 640px;
  59 + background: rgba(247, 248, 250, 1);
  60 + }
  61 +
  62 + .summary-title {
  63 + font-size: 32px;
  64 + padding: 82px 0 35px;
  65 + }
  66 +
  67 + .summary-des{
  68 + width:953px;
  69 + margin: 0 auto;
  70 + font-size:16px;
  71 + font-weight:500;
  72 + color:rgba(0,0,0,.6);
  73 + line-height:28px;
  74 + }
  75 + .summary-list{
  76 + width: 1200px;
  77 + margin: 20px auto 0;
  78 + li{
  79 + width: 250px;
  80 + height: 250px;
  81 + float: left;
  82 + padding-top: 155px;
  83 + font-size: 35px;
  84 + &:nth-of-type(1){
  85 + background: url("../assets/images/solution/summary-list01.png") no-repeat;
  86 + background-size: 100% 100%;
  87 + color:rgba(242,188,98,1);
  88 + }
  89 + &:nth-of-type(2){
  90 + margin:0 195px;
  91 + background: url("../assets/images/solution/summary-list02.png") no-repeat;
  92 + background-size: 100% 100%;
  93 + color:rgba(89,165,181,1);
  94 + }
  95 + &:nth-of-type(3){
  96 + background: url("../assets/images/solution/summary-list03.png") no-repeat;
  97 + background-size: 100% 100%;
  98 + color:rgba(239,94,62,1);
  99 + }
  100 + }
  101 + }
12 102
  103 + .plan-title{
  104 + padding: 74px 0 400px;
  105 + font-size:32px;
  106 + background: url("../assets/images/solution/plan.png") no-repeat center 100px;
  107 + }
  108 + .build-title{
  109 + padding-bottom: 30px;
  110 + font-size: 32px;
  111 + }
13 </style> 112 </style>