BJ_web_developers / webintroduce

Commit c7cd60d8a1388682fe32fc7ce1ccd50a452dbe0b

Authored by liuqimichale
1 parent c082de71

企业介绍

Inline Side-by-side
Showing 8 changed files with 111 additions and 14 deletions
webintroduce/src/App.vue
  View file @c7cd60d
1 1 <template>
2 2 <div id="app">
3 3 <VHeader v-if="headerShow"></VHeader>
4   - <transition :name="transitionName">
  4 + <!--<transition :name="transitionName">-->
  5 + <!--<keep-alive>-->
  6 + <!--<router-view class="main-wrap transitionBody"></router-view>-->
  7 + <!--</keep-alive>-->
  8 + <!--</transition>-->
  9 +
  10 +
5 11 <keep-alive>
6 12 <router-view class="main-wrap transitionBody"></router-view>
7 13 </keep-alive>
8   - </transition>
  14 +
9 15 <VFooter v-if="footerShow"></VFooter>
10 16 <div id="backToTop" class="backToTop" @click="scrollIntoView"></div>
11 17 </div>
... ...
webintroduce/src/assets/css/reset.css
  View file @c7cd60d
... ... @@ -132,6 +132,12 @@ table {
132 132 .fr{
133 133 float: right;
134 134 }
  135 +
  136 +.displayFlex{
  137 + display: flex;
  138 +}
  139 +
  140 +
135 141 .contentWidth{
136 142 width: 1200px;
137 143 margin: 0 auto;
... ...
webintroduce/src/assets/css/variables.scss
  View file @c7cd60d
... ... @@ -9,3 +9,7 @@ $baseWhiteBg: #fff;
9 9 $baseGrayBg: #f5f5f5;
10 10  
11 11 $baseBannerHeight:601px;
  12 +
  13 +$fontSizeTitle:32px;
  14 +
  15 +$fontSizeSubTitle:14px;
... ...
webintroduce/src/assets/images/enterprise/inside.png 0 → 100644
View file @c7cd60d

49.8 KB
webintroduce/src/assets/images/enterprise/introduce-main.png 0 → 100644
View file @c7cd60d

207 KB
webintroduce/src/assets/images/logo.png 0 → 100644
View file @c7cd60d

4.58 KB
webintroduce/src/components/VHeader.vue
  View file @c7cd60d
1 1 <template>
2 2 <div class="header-wrap">
3 3 <div class="contentWidth">
4   - <div class="header-logo fl" @click="$router.push({name:'home'})">logo</div>
  4 + <div class="header-logo fl" @click="$router.push({name:'home'})"></div>
5 5 <ul class="bar-wrap fr">
6 6 <router-link
7 7 :to="{path:link.linkPath}"
... ... @@ -38,14 +38,17 @@ export default {
38 38 .header-wrap {
39 39 height: 80px;
40 40 line-height: 80px;
41   - background-color: $baseWhiteBg;
  41 + background-color: $baseWhiteBg ;
  42 + }
  43 + .header-logo{
  44 + width: 315px;
  45 + height: 80px;
  46 + background: url("../assets/images/logo.png") 0 center no-repeat;
42 47 }
43   -
44 48 .bar-wrap {
45 49 >li{
46   - float: left;
47 50 height: 80px;
48   - line-height: 80px;
  51 + float: left;
49 52 margin-left: 73px;
50 53 border-bottom: 2px solid #fff;
51 54 color:rgba(0,0,0,.6);
... ...
webintroduce/src/views/enterprise.vue
  View file @c7cd60d
... ... @@ -2,17 +2,43 @@
2 2 <div>
3 3 <div class="banner pos-rel">
4 4 <div class="banner-des">
5   - <p class="main-title">城市级智慧停车运营管理云平台</p>
6   - <p class="sub-title">一城一网一平台 一车一位一编号</p>
  5 + <p class="banner-title">城市级智慧停车运营管理云平台</p>
  6 + <p class="banner-sub-title">一城一网一平台 一车一位一编号</p>
7 7 </div>
8 8 </div>
9 9  
10 10 <div class="introduce-main">
11   - <p class="main-title">城市级智慧停车运营管理云平台</p>
12   - <p class="main-des">城市级智慧停车管理云平台，通过物联网、云计算以及互联网技术，深度整合城市停车资源，对城市路内停车管理以及封闭式停车管理建立统一管理平台，真正实现“一城一网一平台，一车一位一编号”，推进停车位资源优化配置，实现城市停车标准化、精细化管理，盘活停车泊位存量，优化泊位增量，规范停车秩序，解决停车难题，提高城市停车治理水平</p>
  11 + <p class="introduce-title">城市级智慧停车运营管理云平台</p>
  12 + <p class="introduce-des">城市级智慧停车管理云平台，通过物联网、云计算以及互联网技术，深度整合城市停车资源，对城市路内停车管理以及封闭式停车管理建立统一管理平台，真正实现“一城一网一平台，一车一位一编号”，推进停车位资源优化配置，实现城市停车标准化、精细化管理，盘活停车泊位存量，优化泊位增量，规范停车秩序，解决停车难题，提高城市停车治理水平</p>
13 13  
14 14 </div>
15 15  
  16 + <div class="detail-con">
  17 + <div class="detail-section displayFlex" style="height:291px;width: 1100px; ">
  18 + <div style="flex: 1" class="detail-section-left"></div>
  19 + <div style="flex: 1" class="detail-section-right pos-rel">
  20 + <div>
  21 + <p class="detail-right-title">路内停车管理</p>
  22 + <ul class="detail-list">
  23 + <li>
  24 + 实时采集车位状态停车时长，后台实时监管后台实时监管
  25 + </li>
  26 + <li>
  27 + 精确记录停车时长，后台实时监管后台实时监管
  28 + </li>
  29 + <li>
  30 + 有效杜绝跑冒滴漏
  31 + </li>
  32 + <li>
  33 + 停车入位、规范有序、智能有偿
  34 + </li>
  35 + </ul>
  36 + </div>
  37 +
  38 + </div>
  39 + </div>
  40 + </div>
  41 +
16 42 </div>
17 43 </template>
18 44  
... ... @@ -34,10 +60,10 @@ export default {
34 60 @include pos-middle;
35 61 border-bottom: 1px solid #fff;
36 62 }
37   - .main-title{
  63 + .banner-title{
38 64 font-size: 77px;
39 65 }
40   - .sub-title{
  66 + .banner-sub-title{
41 67 margin: 43px 0;
42 68 font-size: 42px;
43 69 color: rgba(255,255,255,.8);
... ... @@ -45,6 +71,58 @@ export default {
45 71 .introduce-main{
46 72 height: 860px;
47 73 padding: 82px 0;
48   - background: $baseBgColor;
  74 + background: $baseBgColor url("../assets/images/enterprise/introduce-main.png") no-repeat center 316px;
  75 + }
  76 + .introduce-title{
  77 + font-size: $fontSizeTitle;
  78 + }
  79 + .introduce-des{
  80 + width: 869px;
  81 + margin: 41px auto 97px;
  82 + line-height: 20px;
  83 + font-size: $fontSizeSubTitle;
  84 + }
  85 + .detail-con{
  86 + background: $baseWhiteBg;
  87 + }
  88 + .detail-section{
  89 + margin: 94px auto 0;
  90 + }
  91 + .detail-section-left{
  92 + background: url("../assets/images/enterprise/inside.png") no-repeat center center;
  93 + }
  94 + .detail-section-right{
  95 + text-align: left;
  96 + div{
  97 + @include pos-middle;
  98 + }
  99 + }
  100 + .detail-right-title{
  101 + background: #14BACE;
  102 + padding: 4px 10px 2px;
  103 + text-align: left;
  104 + display: inline-block;
  105 + font-size: 24px;
  106 + color: #fff;
  107 + border-radius: 2px;
  108 + }
  109 + .detail-list li{
  110 + margin-top: 10px;
  111 + font-size: 16px;
  112 + color: rgba(0,0,0,.6);
  113 + white-space: nowrap;
  114 + position: relative;
  115 + padding-left: 19px;
  116 + &:before{
  117 + content: '';
  118 + width: 6px;
  119 + height: 6px;
  120 + position: absolute;
  121 + border-radius: 50%;
  122 + top:50%;
  123 + left: 5px;
  124 + transform: translateY(-50%);
  125 + background-color: #70CCBB;
  126 + }
49 127 }
50 128 </style>
... ...