BJ_web_developers / webportal

Commit 4fb19f76dfb81110be02c769c413f020bb036787

Authored by liuqimichale
2 parents 7e3c4b07 e18d24ad

Merge branch 'test' of http://192.168.1.195:9998/web_developers/webportal into test

Inline Side-by-side
Showing 3 changed files with 178 additions and 41 deletions
css/services.css
  View file @4fb19f7
... ... @@ -29,6 +29,10 @@
29 29 .services-content{
30 30 background-color: #fff;
31 31 }
  32 +.services_bgF7F8FA{
  33 + background-color: #F7F8FA;
  34 + width: 100%;
  35 +}
32 36 /*tab sta */
33 37 .services-wrap{
34 38 height: 680px;
... ... @@ -41,19 +45,22 @@
41 45 background: url("../images/services_saasIco.png") no-repeat;
42 46 width: 542px;
43 47 height: 494px;
44   - margin-top: 102px;
45   - margin-left: 10px;
  48 + /*width: 100%;*/
  49 + margin: 102px auto 0;
46 50 }
47 51 .services-wrap-right-1{
48 52 width: 543px;
  53 + /*width: 100%;*/
49 54 height: 400px;
50   - margin-top: 177px;
51   - margin-left: 78px;
  55 + margin: 177px auto 0;
  56 + /*margin-left: 20px;*/
  57 + /*margin-left: 78px;*/
52 58 }
53 59 /*1----tab 右侧 切换部分 sta*/
54 60 .services-soft-wrap{
55 61 height: 168px;
56   - width: 100%;
  62 + /*width: 100%;*/
  63 + width: 543px;
57 64 border-bottom: 2px solid rgba(228,229,229,1);;
58 65 }
59 66 .services-soft-wrap li {
... ... @@ -96,7 +103,7 @@
96 103 background: url(../images/services_titico3_active.png) no-repeat center 0;
97 104 }
98 105 /*1------tab 右侧 cont*/
99   -.services-section-wrap,.services-section-user{
  106 +.services-section-wrap,.services-section-user,.services-section-park{
100 107 height: 100px;
101 108 margin-top: 58px;
102 109 width: 400px;
... ... @@ -121,27 +128,91 @@
121 128 }
122 129  
123 130 /*----2------ tab sta*/
124   -
  131 +/*2 tab*/
  132 +.services-wrap-left-2{
  133 + width: 543px;
  134 + /*width: 100%;*/
  135 + height: 400px;
  136 + margin: 165px auto 0;
  137 + margin-left: 20px;
  138 +}
  139 +.services-wrap-right-2{
  140 + background: url("../images/services_parkIco.png") no-repeat;
  141 + width: 558px;
  142 + /*width: 100%;*/
  143 + height: 574px;
  144 + margin: 67px auto 0;
  145 + /*margin-left: 10px;*/
  146 +}
  147 +/*-------2---*/
  148 +.services-park-wrap{
  149 + height: 168px;
  150 + width: 543px;
  151 + /*width: 100%;*/
  152 + border-bottom: 2px solid rgba(228,229,229,1);;
  153 +}
  154 +.services-park-wrap li {
  155 + color: rgba(6,14,19,.8);
  156 + font-size:20px;
  157 + cursor: pointer;
  158 + height: 168px;
  159 + width: 133px;
  160 +}
  161 +.services-park-wrap li:nth-of-type(1) {
  162 + padding-top: 114px;
  163 + background: url(../images/services_titico4.png) no-repeat center 0;
  164 + margin-right: 72px;
  165 +}
  166 +.services-park-wrap li:nth-of-type(1).active {
  167 + color: #3F9FFE;
  168 + padding-bottom: 22px;
  169 + border-bottom: 2px solid rgba(63,159,254,1);
  170 + background: url(../images/services_titico4_active.png) no-repeat center 0;
  171 +}
  172 +.services-park-wrap li:nth-of-type(2) {
  173 + padding-top: 114px;
  174 + background: url(../images/services_titico5.png) no-repeat center 0;
  175 + margin-right: 72px;
  176 +}
  177 +.services-park-wrap li:nth-of-type(2).active {
  178 + color: #3F9FFE;
  179 + padding-bottom: 22px;
  180 + border-bottom: 2px solid rgba(63,159,254,1);
  181 + background: url(../images/services_titico5_active.png) no-repeat center 0;
  182 +}
  183 +.services-park-wrap li:nth-of-type(3) {
  184 + padding-top: 114px;
  185 + background: url(../images/services_titico6.png) no-repeat center 0;
  186 +}
  187 +.services-park-wrap li:nth-of-type(3).active {
  188 + color: #3F9FFE;
  189 + padding-bottom: 22px;
  190 + border-bottom: 2px solid rgba(63,159,254,1);
  191 + background: url(../images/services_titico6_active.png) no-repeat center 0;
  192 +}
125 193  
126 194 /*----3------ tab sta*/
127   -/*1 tab*/
  195 +/*---3 tab*/
128 196 .services-wrap-left-3{
129 197 background: url("../images/services_userIco.png") no-repeat;
130 198 width: 568px;
  199 + /*width: 100%;*/
131 200 height: 593px;
132   - margin-top: 67px;
133   - margin-left: 10px;
  201 + margin: 67px auto 0;
  202 + /*margin-left: 10px;*/
134 203 }
135 204 .services-wrap-right-3{
136 205 width: 543px;
  206 + /*width: 100%;*/
137 207 height: 400px;
138   - margin-top: 165px;
139   - margin-left: 50px;
  208 + margin: 165px auto 0;
  209 + margin-left: 20px;
140 210 }
141 211 /*-------3---*/
142 212 .services-user-wrap{
143 213 height: 168px;
144   - width: 100%;
  214 + width: 543px;
  215 + /*width: 100%;*/
145 216 border-bottom: 2px solid rgba(228,229,229,1);;
146 217 }
147 218 .services-user-wrap li {
... ...
js/services.js
  View file @4fb19f7
... ... @@ -6,10 +6,19 @@ $('#services-soft-wrap li').on('click',function () {
6 6 $('#services-soft-wrap li').eq(_index).addClass('active').siblings().removeClass('active')
7 7 $('#services-section-wrap>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone')
8 8 });
  9 +
  10 +//车场 tab 切换
  11 +$('#services-park-wrap li').on('click',function () {
  12 + var _index = $(this).index();
  13 + console.log(_index)
  14 + $('#services-park-wrap li').eq(_index).addClass('active').siblings().removeClass('active')
  15 + $('#services-section-park>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone')
  16 +});
  17 +
9 18 //车主 tab 切换
10 19 $('#services-user-wrap li').on('click',function () {
11 20 var _index = $(this).index();
12 21 console.log(_index)
13 22 $('#services-user-wrap li').eq(_index).addClass('active').siblings().removeClass('active')
14 23 $('#services-section-user>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone')
15   -})
16 24 \ No newline at end of file
  25 +});
17 26 \ No newline at end of file
... ...
services.html
  View file @4fb19f7
... ... @@ -64,60 +64,116 @@
64 64 </div>
65 65 <!--banner end-->
66 66 <div class="services-content">
  67 +
  68 + <!--集团 sta-->
67 69 <div class="container">
68   - <!--集团 sta-->
69   - <ul class=" services-wrap" >
70   - <li class="text-center float-left services-wrap-left-1"></li>
71   - <li class="text-center float-left services-wrap-right-1">
72   - <ul class="services-soft-wrap" id="services-soft-wrap">
  70 + <ul class="row services-wrap">
  71 + <li class="text-center col-md-6 services-wrap-left-1"></li>
  72 + <li class="text-center col-md-6 services-wrap-right-1">
  73 + <ul class="services-soft-wrap" id="services-soft-wrap">
  74 + <li class="text-center float-left active">
  75 + SAAS平台
  76 + </li>
  77 + <li class="text-center float-left">
  78 + 监控中心
  79 + </li>
  80 + <li class="text-center float-left">
  81 + 数据互联
  82 + </li>
  83 + </ul>
  84 + <ul class="services-section-wrap" id="services-section-wrap">
  85 + <li class="">
  86 + <div class="services-soft-bottom-title">
  87 + 集团SAAS云平台
  88 + </div>
  89 + <div class="services-soft-bottom-des">
  90 + 跨平台停车管控云平台系统，提供集中数据管理和监控、数据挖掘和分析、资产管理和增值运营等一体化服务。
  91 + </div>
  92 + </li>
  93 + <li class="displaynone">
  94 + <div class="services-soft-bottom-title">
  95 + 任你停运营监控中心
  96 + </div>
  97 + <div class="services-soft-bottom-des">
  98 + 建立综合停车数据资源，搭建基础分析模型，提供新一代的数据分析与商业智能
  99 + BI解决方案，致力于缓解拥堵实现车位运营智能化
  100 + </div>
  101 + </li>
  102 + <li class="displaynone">
  103 + <div class="services-soft-bottom-title">
  104 + 实时数据信息流互通
  105 + </div>
  106 + <div class="services-soft-bottom-des">
  107 + 多端设备互联，商户、车主、平台数据实时精准安全同步云服务，线上线下一体化
  108 + 连接，辅助商业决策分析，打造互联网+智慧停车新生态
  109 + </div>
  110 + </li>
  111 + </ul>
  112 + </li>
  113 + </ul>
  114 + </div>
  115 + <!--集团 end-->
  116 + <!--车场 sta-->
  117 + <div class="services_bgF7F8FA">
  118 + <div class="container">
  119 + <ul class="row services-wrap">
  120 + <li class="text-center col-md-6 services-wrap-left-2">
  121 + <ul class="services-park-wrap" id="services-park-wrap">
73 122 <li class="text-center float-left active">
74   - SAAS平台
  123 + 车场服务
75 124 </li>
76 125 <li class="text-center float-left">
77   - 监控中心
  126 + 云平台
78 127 </li>
79 128 <li class="text-center float-left">
80   - 数据互联
  129 + 政府云
81 130 </li>
82 131 </ul>
83   - <ul class="services-section-wrap" id="services-section-wrap">
  132 + <ul class="services-section-park" id="services-section-park">
84 133 <li class="">
85 134 <div class="services-soft-bottom-title">
86   - 集团SAAS云平台
  135 + 一站式车场服务平台
87 136 </div>
88 137 <div class="services-soft-bottom-des">
89   - 跨平台停车管控云平台系统，提供集中数据管理和监控、数据挖掘和分析、资产管理和增值运营等一体化服务。
  138 + 运用互联网+、物联网、AI开放平台，为车场提供科学专业建设方案，综合车位
  139 + 引导、视频监控、停车计费、运营监控等运营管理，提供一站式个性化定制，
  140 + 推动智慧停车商业运营新生态
90 141 </div>
91 142 </li>
92 143 <li class="displaynone">
93 144 <div class="services-soft-bottom-title">
94   - 任你停运营监控中心
  145 + 企业云平台
95 146 </div>
96 147 <div class="services-soft-bottom-des">
97   - 建立综合停车数据资源，搭建基础分析模型，提供新一代的数据分析与商业智能
98   - BI解决方案，致力于缓解拥堵实现车位运营智能化
  148 + 为车场管理者提供财务对账，统计报表，运营监控，收入管理，权限管理，资产
  149 + 管理、人员排班，车位共享，灵活费率管理等多样化运营服务
99 150 </div>
100 151 </li>
101 152 <li class="displaynone">
102 153 <div class="services-soft-bottom-title">
103   - 实时数据信息流互通
  154 + 政府云平台
104 155 </div>
105 156 <div class="services-soft-bottom-des">
106   - 多端设备互联，商户、车主、平台数据实时精准安全同步云服务，线上线下一体化
107   - 连接，辅助商业决策分析，打造互联网+智慧停车新生态
  157 + 对数据进行集成、归类，建立完整的综合停车数据资源目录，深度洞察用户数据，
  158 + 搭建基础分析模型，提供新一代的数据分析与商业智能BI解决方案，致力于缓解
  159 + 拥堵实现车位运营智能化。同时打造“新型智慧城市”解决交通拥堵治理、增进绿
  160 + 色经济发展
108 161 </div>
109 162 </li>
110 163 </ul>
111 164 </li>
112   - </ul>
113   - <!--集团 end-->
114   - <!--车场 sta-->
  165 + <li class="text-center col-md-6 services-wrap-right-2">
115 166  
116   - <!--车场 end-->
117   - <!--车主 sta-->
118   - <ul class=" services-wrap" >
119   - <li class="text-center float-left services-wrap-left-3"></li>
120   - <li class="text-center float-left services-wrap-right-3">
  167 + </li>
  168 + </ul>
  169 + </div>
  170 + </div>
  171 + <!--车场 end-->
  172 + <!--车主 sta-->
  173 + <div class="container">
  174 + <ul class="row services-wrap">
  175 + <li class="text-center col-md-6 services-wrap-left-3"></li>
  176 + <li class="text-center col-md-6 services-wrap-right-3">
121 177 <ul class="services-user-wrap" id="services-user-wrap">
122 178 <li class="text-center float-left active">
123 179 车主服务
... ... @@ -162,9 +218,10 @@
162 218 </ul>
163 219 </li>
164 220 </ul>
165   - <!--车主 end-->
166   -
167 221 </div>
  222 + <!--车主 end-->
  223 +
  224 +
168 225 </div>
169 226 <!--content end-->
170 227 <!-- Footer Area -->
... ...