Commit b48b7eca824b9d56e539b1d67eb8ad736944d95c
1 parent
4354a61b
media 服务页
Showing
14 changed files
with
138 additions
and
17 deletions
css/services.css
| ... | ... | @@ -35,20 +35,21 @@ |
| 35 | 35 | width: 1200px; |
| 36 | 36 | margin: 0 auto; |
| 37 | 37 | } |
| 38 | +/*1 tab*/ | |
| 38 | 39 | .services-wrap-left-1{ |
| 39 | 40 | background: url("../images/services_saasIco.png") no-repeat; |
| 40 | 41 | width: 542px; |
| 41 | 42 | height: 494px; |
| 42 | 43 | margin-top: 102px; |
| 43 | - margin-left: 50px; | |
| 44 | + margin-left: 10px; | |
| 44 | 45 | } |
| 45 | 46 | .services-wrap-right-1{ |
| 46 | 47 | width: 543px; |
| 47 | 48 | height: 400px; |
| 48 | 49 | margin-top: 177px; |
| 49 | - margin-left: 50px; | |
| 50 | + margin-left: 78px; | |
| 50 | 51 | } |
| 51 | -/*tab 右侧 切换部分 sta*/ | |
| 52 | +/*1----tab 右侧 切换部分 sta*/ | |
| 52 | 53 | .services-soft-wrap{ |
| 53 | 54 | height: 168px; |
| 54 | 55 | width: 100%; |
| ... | ... | @@ -63,7 +64,7 @@ |
| 63 | 64 | } |
| 64 | 65 | .services-soft-wrap li:nth-of-type(1) { |
| 65 | 66 | padding-top: 114px; |
| 66 | - background: url(../images/services_titico1_active.png) no-repeat center 0; | |
| 67 | + background: url(../images/services_titico1.png) no-repeat center 0; | |
| 67 | 68 | margin-right: 72px; |
| 68 | 69 | } |
| 69 | 70 | .services-soft-wrap li:nth-of-type(1).active { |
| ... | ... | @@ -93,19 +94,20 @@ |
| 93 | 94 | border-bottom: 2px solid rgba(63,159,254,1); |
| 94 | 95 | background: url(../images/services_titico3_active.png) no-repeat center 0; |
| 95 | 96 | } |
| 96 | -/*tab 右侧 cont*/ | |
| 97 | -.services-section-wrap{ | |
| 97 | +/*1------tab 右侧 cont*/ | |
| 98 | +.services-section-wrap,.services-section-user{ | |
| 98 | 99 | height: 100px; |
| 99 | 100 | margin-top: 58px; |
| 100 | 101 | width: 400px; |
| 101 | 102 | } |
| 102 | 103 | .services-soft-bottom-title{ |
| 103 | - width:230px; | |
| 104 | + width:360px; | |
| 104 | 105 | height:30px; |
| 105 | 106 | font-size:30px; |
| 106 | 107 | font-weight:500; |
| 107 | 108 | color:rgba(0,0,0,1); |
| 108 | 109 | margin-bottom: 22px; |
| 110 | + text-align: left; | |
| 109 | 111 | } |
| 110 | 112 | .services-soft-bottom-des{ |
| 111 | 113 | text-align: left; |
| ... | ... | @@ -117,3 +119,66 @@ |
| 117 | 119 | color:rgba(0,0,0,0.7); |
| 118 | 120 | } |
| 119 | 121 | |
| 122 | +/*----2------ tab sta*/ | |
| 123 | + | |
| 124 | + | |
| 125 | +/*----3------ tab sta*/ | |
| 126 | +/*1 tab*/ | |
| 127 | +.services-wrap-left-3{ | |
| 128 | + background: url("../images/services_userIco.png") no-repeat; | |
| 129 | + width: 568px; | |
| 130 | + height: 593px; | |
| 131 | + margin-top: 67px; | |
| 132 | + margin-left: 10px; | |
| 133 | +} | |
| 134 | +.services-wrap-right-3{ | |
| 135 | + width: 543px; | |
| 136 | + height: 400px; | |
| 137 | + margin-top: 165px; | |
| 138 | + margin-left: 50px; | |
| 139 | +} | |
| 140 | +/*-------3---*/ | |
| 141 | +.services-user-wrap{ | |
| 142 | + height: 168px; | |
| 143 | + width: 100%; | |
| 144 | + border-bottom: 2px solid rgba(228,229,229,1);; | |
| 145 | +} | |
| 146 | +.services-user-wrap li { | |
| 147 | + color: rgba(6,14,19,.8); | |
| 148 | + font-size:20px; | |
| 149 | + cursor: pointer; | |
| 150 | + height: 168px; | |
| 151 | + width: 133px; | |
| 152 | +} | |
| 153 | +.services-user-wrap li:nth-of-type(1) { | |
| 154 | + padding-top: 114px; | |
| 155 | + background: url(../images/services_titico7.png) no-repeat center 0; | |
| 156 | + margin-right: 72px; | |
| 157 | +} | |
| 158 | +.services-user-wrap li:nth-of-type(1).active { | |
| 159 | + color: #3F9FFE; | |
| 160 | + padding-bottom: 22px; | |
| 161 | + border-bottom: 2px solid rgba(63,159,254,1); | |
| 162 | + background: url(../images/services_titico7_active.png) no-repeat center 0; | |
| 163 | +} | |
| 164 | +.services-user-wrap li:nth-of-type(2) { | |
| 165 | + padding-top: 114px; | |
| 166 | + background: url(../images/services_titico8.png) no-repeat center 0; | |
| 167 | + margin-right: 72px; | |
| 168 | +} | |
| 169 | +.services-user-wrap li:nth-of-type(2).active { | |
| 170 | + color: #3F9FFE; | |
| 171 | + padding-bottom: 22px; | |
| 172 | + border-bottom: 2px solid rgba(63,159,254,1); | |
| 173 | + background: url(../images/services_titico8_active.png) no-repeat center 0; | |
| 174 | +} | |
| 175 | +.services-user-wrap li:nth-of-type(3) { | |
| 176 | + padding-top: 114px; | |
| 177 | + background: url(../images/services_titico9.png) no-repeat center 0; | |
| 178 | +} | |
| 179 | +.services-user-wrap li:nth-of-type(3).active { | |
| 180 | + color: #3F9FFE; | |
| 181 | + padding-bottom: 22px; | |
| 182 | + border-bottom: 2px solid rgba(63,159,254,1); | |
| 183 | + background: url(../images/services_titico9_active.png) no-repeat center 0; | |
| 184 | +} | |
| 120 | 185 | \ No newline at end of file | ... | ... |
images/services_titico1.png
0 → 100755
4.45 KB
images/services_titico2_active.png
0 → 100644
2.64 KB
images/services_titico3_active.png
0 → 100755
5.26 KB
images/services_titico4.png
0 → 100755
4.11 KB
images/services_titico5_active.png
0 → 100644
2.93 KB
images/services_titico6_active.png
0 → 100755
3.91 KB
images/services_titico7.png
0 → 100755
4.63 KB
images/services_titico8_active.png
0 → 100644
2.69 KB
images/services_titico9_active.png
0 → 100755
3.23 KB
js/nav-footer.js
| ... | ... | @@ -32,7 +32,7 @@ var headerHtmls='<div class="header-inner">' + |
| 32 | 32 | //footer HTML |
| 33 | 33 | var footHtmls='<div class="container">' + |
| 34 | 34 | ' <div class="row">' + |
| 35 | - ' <div class="col-md-3 col-xs-6">' + | |
| 35 | + ' <div class="col-md-3 col-xs-3">' + | |
| 36 | 36 | ' <div class="footer">' + |
| 37 | 37 | ' <div class="footer-title">公司介绍</div>' + |
| 38 | 38 | ' <ul class="footer-links">' + |
| ... | ... | @@ -43,7 +43,7 @@ var footHtmls='<div class="container">' + |
| 43 | 43 | ' </ul>' + |
| 44 | 44 | ' </div>' + |
| 45 | 45 | ' </div>' + |
| 46 | - ' <div class="col-md-3 col-xs-6">' + | |
| 46 | + ' <div class="col-md-3 col-xs-3">' + | |
| 47 | 47 | ' <div class="footer">' + |
| 48 | 48 | ' <div class="footer-title">产品介绍</div>' + |
| 49 | 49 | ' <ul class="footer-links">' + |
| ... | ... | @@ -53,7 +53,7 @@ var footHtmls='<div class="container">' + |
| 53 | 53 | ' </ul>' + |
| 54 | 54 | ' </div>' + |
| 55 | 55 | ' </div>' + |
| 56 | - ' <div class="col-md-3 col-xs-6">' + | |
| 56 | + ' <div class="col-md-3 col-xs-3">' + | |
| 57 | 57 | ' <div class="footer">' + |
| 58 | 58 | ' <div class="footer-title">联系我们</div>' + |
| 59 | 59 | ' <ul class="footer-links">' + |
| ... | ... | @@ -63,7 +63,7 @@ var footHtmls='<div class="container">' + |
| 63 | 63 | ' </ul>' + |
| 64 | 64 | ' </div>' + |
| 65 | 65 | ' </div>' + |
| 66 | - ' <div class="col-md-3 col-xs-6">' + | |
| 66 | + ' <div class="col-md-3 col-xs-3">' + | |
| 67 | 67 | ' <div class="footer">' + |
| 68 | 68 | ' <div class="footer-media">官方媒体</div>' + |
| 69 | 69 | ' <ul class="footer-links">' + | ... | ... |
js/services.js
| ... | ... | @@ -5,4 +5,11 @@ $('#services-soft-wrap li').on('click',function () { |
| 5 | 5 | console.log(_index) |
| 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 | +}); | |
| 9 | +//车主 tab 切换 | |
| 10 | +$('#services-user-wrap li').on('click',function () { | |
| 11 | + var _index = $(this).index(); | |
| 12 | + console.log(_index) | |
| 13 | + $('#services-user-wrap li').eq(_index).addClass('active').siblings().removeClass('active') | |
| 14 | + $('#services-section-user>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone') | |
| 8 | 15 | }) |
| 9 | 16 | \ No newline at end of file | ... | ... |
services.html
| ... | ... | @@ -91,28 +91,77 @@ |
| 91 | 91 | </li> |
| 92 | 92 | <li class="displaynone"> |
| 93 | 93 | <div class="services-soft-bottom-title"> |
| 94 | - 集团SAAS云平台 | |
| 94 | + 任你停运营监控中心 | |
| 95 | 95 | </div> |
| 96 | 96 | <div class="services-soft-bottom-des"> |
| 97 | - 跨平台停车管控云平台系统，提供集中数据管理和监控、数据挖掘和分析、资产管理和增值运营等一体化服务。 | |
| 97 | + 建立综合停车数据资源，搭建基础分析模型，提供新一代的数据分析与商业智能 | |
| 98 | + BI解决方案，致力于缓解拥堵实现车位运营智能化 | |
| 98 | 99 | </div> |
| 99 | 100 | </li> |
| 100 | 101 | <li class="displaynone"> |
| 101 | 102 | <div class="services-soft-bottom-title"> |
| 102 | - 集团SAAS云平台 | |
| 103 | + 实时数据信息流互通 | |
| 103 | 104 | </div> |
| 104 | 105 | <div class="services-soft-bottom-des"> |
| 105 | - 跨平台停车管控云平台系统，提供集中数据管理和监控、数据挖掘和分析、资产管理和增值运营等一体化服务。 | |
| 106 | + 多端设备互联，商户、车主、平台数据实时精准安全同步云服务，线上线下一体化 | |
| 107 | + 连接，辅助商业决策分析，打造互联网+智慧停车新生态 | |
| 106 | 108 | </div> |
| 107 | 109 | </li> |
| 108 | 110 | </ul> |
| 109 | 111 | </li> |
| 110 | 112 | </ul> |
| 111 | - | |
| 112 | 113 | <!--集团 end--> |
| 113 | 114 | <!--车场 sta--> |
| 115 | + | |
| 114 | 116 | <!--车场 end--> |
| 115 | 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"> | |
| 121 | + <ul class="services-user-wrap" id="services-user-wrap"> | |
| 122 | + <li class="text-center float-left active"> | |
| 123 | + 车主服务 | |
| 124 | + </li> | |
| 125 | + <li class="text-center float-left"> | |
| 126 | + 移动APP | |
| 127 | + </li> | |
| 128 | + <li class="text-center float-left"> | |
| 129 | + 会员服务 | |
| 130 | + </li> | |
| 131 | + </ul> | |
| 132 | + <ul class="services-section-user" id="services-section-user"> | |
| 133 | + <li class=""> | |
| 134 | + <div class="services-soft-bottom-title"> | |
| 135 | + 车主服务平台 | |
| 136 | + </div> | |
| 137 | + <div class="services-soft-bottom-des"> | |
| 138 | + 移动掌上互联，为车主提供附近车位，个性导航，语音播报，手机缴费， | |
| 139 | + 订单详情，积分会员，共享车位，无感支付等多样化移动应用，解决停车 | |
| 140 | + 难题，方便车主快捷出行 | |
| 141 | + </div> | |
| 142 | + </li> | |
| 143 | + <li class="displaynone"> | |
| 144 | + <div class="services-soft-bottom-title"> | |
| 145 | + 移动端停车服务 | |
| 146 | + </div> | |
| 147 | + <div class="services-soft-bottom-des"> | |
| 148 | + 提供附近停车场（当前位置智能推荐，选择离您“最近”停车场，一键导航前往） | |
| 149 | + 车场详情（展示停车场详情信息，距离、位置，空余车位数实时更新） | |
| 150 | + 电子支付（支持常用电子支付，更有抵扣优惠券） | |
| 151 | + </div> | |
| 152 | + </li> | |
| 153 | + <li class="displaynone"> | |
| 154 | + <div class="services-soft-bottom-title"> | |
| 155 | + 会员和车主服务 | |
| 156 | + </div> | |
| 157 | + <div class="services-soft-bottom-des"> | |
| 158 | + 成为任你停会员，尊贵会员身份停车优惠。 | |
| 159 | + 为车主提供查违章、加油站、汽车美容等完善的服务，一站式出行，一站式服务 | |
| 160 | + </div> | |
| 161 | + </li> | |
| 162 | + </ul> | |
| 163 | + </li> | |
| 164 | + </ul> | |
| 116 | 165 | <!--车主 end--> |
| 117 | 166 | |
| 118 | 167 | </div> | ... | ... |