Commit edfa20f9eac9f984caef067d1104192ef7b003ae
1 parent
9cb902b2
解决方案
Showing
9 changed files
with
78 additions
and
2 deletions
src/App.vue
| @@ -25,6 +25,8 @@ export default { | @@ -25,6 +25,8 @@ export default { | ||
| 25 | font-family: 'Avenir', Helvetica, Arial, sans-serif; | 25 | font-family: 'Avenir', Helvetica, Arial, sans-serif; |
| 26 | -webkit-font-smoothing: antialiased; | 26 | -webkit-font-smoothing: antialiased; |
| 27 | -moz-osx-font-smoothing: grayscale; | 27 | -moz-osx-font-smoothing: grayscale; |
| 28 | + color: #333; | ||
| 29 | + font-size: 14px; | ||
| 28 | } | 30 | } |
| 29 | 31 | ||
| 30 | .header { | 32 | .header { |
src/assets/css/commonCss/reset.css
src/assets/images/solution/solution1.png
0 → 100644
757 KB
src/assets/images/solution/solution2.png
0 → 100644
250 KB
src/assets/images/solution/solution3.png
0 → 100644
608 KB
src/assets/images/solution/solution4.png
0 → 100644
902 KB
src/assets/images/solution/solution5.png
0 → 100644
894 KB
src/views/solution/components/solutionSelect0.vue
| 1 | <template> | 1 | <template> |
| 2 | - <div>0</div> | 2 | + <div> |
| 3 | + <div class="widthCommon" style="padding: 50px 0"> | ||
| 4 | + <p style="font-size: 18px;text-align: center;margin-bottom: 20px;">城市级智慧停车管理解决方案</p> | ||
| 5 | + <ul class="overHidden"> | ||
| 6 | + <li class="fl"> | ||
| 7 | + <img src="../../../assets/images/solution/solution1.png" width="447px" height="278px"> | ||
| 8 | + </li> | ||
| 9 | + <li class="fl" style="width: 392px;margin-left: 166px;"> | ||
| 10 | + <p style="font-size: 18px;padding: 40px 0;">城市级智慧停车静态数据中心</p> | ||
| 11 | + <p style="font-size: 14px;line-height: 20px">深度刻画城市级停车面貌，挖掘城市停车治理问题，提供数据以及决策支撑，有效提升城市停车治理效率，减少城市核心区道路拥堵，提高城市交通治理水平。</p> | ||
| 12 | + </li> | ||
| 13 | + </ul> | ||
| 14 | + </div> | ||
| 15 | + <div class="bgCommon" style="padding: 50px 0"> | ||
| 16 | + <div class="widthCommon"> | ||
| 17 | + <ul class="overHidden"> | ||
| 18 | + | ||
| 19 | + <li class="fl" style="width: 392px;"> | ||
| 20 | + <p style="font-size: 18px;padding: 40px 0;">城市级智慧停车管理云平台</p> | ||
| 21 | + <p style="font-size: 14px;line-height: 20px">推进停车位资源优化配置，实现城市停车标准化、精细化管理，盘活停车泊位存量，优化泊位增量，规范停车秩序，解决停车难题。</p> | ||
| 22 | + </li> | ||
| 23 | + <li class="fl" style="margin-left: 166px;"> | ||
| 24 | + <img src="../../../assets/images/solution/solution2.png" width="447px" height="278px"> | ||
| 25 | + </li> | ||
| 26 | + </ul> | ||
| 27 | + </div> | ||
| 28 | + </div> | ||
| 29 | + | ||
| 30 | + <div class="widthCommon" style="padding: 50px 0"> | ||
| 31 | + <ul class="overHidden"> | ||
| 32 | + <li class="fl" style=""> | ||
| 33 | + <img src="../../../assets/images/solution/solution3.png" width="447px" height="278px"> | ||
| 34 | + </li> | ||
| 35 | + | ||
| 36 | + <li class="fl" style="width: 392px;margin-left: 166px;"> | ||
| 37 | + <p style="font-size: 18px;padding: 40px 0;">路内停车管理</p> | ||
| 38 | + <p style="font-size: 14px;line-height: 20px">实时采集路侧车位状态，精确记录停车时长，后台实时监管，有效杜绝跑冒滴漏。</p> | ||
| 39 | + </li> | ||
| 40 | + | ||
| 41 | + </ul> | ||
| 42 | + </div> | ||
| 43 | + | ||
| 44 | + <div class="bgCommon" style="padding: 50px 0"> | ||
| 45 | + <div class="widthCommon"> | ||
| 46 | + <ul class="overHidden"> | ||
| 47 | + | ||
| 48 | + <li class="fl" style="width: 392px;"> | ||
| 49 | + <p style="font-size: 18px;padding: 40px 0;">封闭式停车无人值守管理</p> | ||
| 50 | + <p style="font-size: 14px;line-height: 20px">无人值守，降低人工运营成本，提高车场收益。。</p> | ||
| 51 | + </li> | ||
| 52 | + <li class="fl" style="margin-left: 166px;"> | ||
| 53 | + <img src="../../../assets/images/solution/solution4.png" width="447px" height="278px"> | ||
| 54 | + </li> | ||
| 55 | + </ul> | ||
| 56 | + </div> | ||
| 57 | + </div> | ||
| 58 | + | ||
| 59 | + <div class="widthCommon" style="padding: 50px 0"> | ||
| 60 | + <ul class="overHidden"> | ||
| 61 | + <li class="fl" style=""> | ||
| 62 | + <img src="../../../assets/images/solution/solution5.png" width="447px" height="278px"> | ||
| 63 | + </li> | ||
| 64 | + | ||
| 65 | + <li class="fl" style="width: 392px;margin-left: 166px;"> | ||
| 66 | + <p style="font-size: 18px;padding: 40px 0;">城市停车诱导系统</p> | ||
| 67 | + <p style="font-size: 14px;line-height: 20px">实时交通路况展示（红、黄、绿），停车场剩余泊位实时更新，城市停车三级诱导，减少停车时长，提高停车效率，缓解局部交通微循环，减少拥堵。</p> | ||
| 68 | + </li> | ||
| 69 | + | ||
| 70 | + </ul> | ||
| 71 | + </div> | ||
| 72 | + | ||
| 73 | + </div> | ||
| 3 | </template> | 74 | </template> |
| 4 | 75 | ||
| 5 | <script> | 76 | <script> |
src/views/solution/index.vue
| @@ -17,7 +17,7 @@ | @@ -17,7 +17,7 @@ | ||
| 17 | 您所在位置: <span class="pointer" @click="$router.push({name:'home'})">首页</span> -> 经典案例 -> {{name}} | 17 | 您所在位置: <span class="pointer" @click="$router.push({name:'home'})">首页</span> -> 经典案例 -> {{name}} |
| 18 | </div> | 18 | </div> |
| 19 | </div> | 19 | </div> |
| 20 | - <div class="widthCommon"> | 20 | + <div class=""> |
| 21 | <keep-alive> | 21 | <keep-alive> |
| 22 | <component :is="tabView"></component> | 22 | <component :is="tabView"></component> |
| 23 | </keep-alive> | 23 | </keep-alive> |