BJ_web_developers / webportal

Commit 2b5e1f8a1b103fb7e493b9bde3fd6a68c36406d6

Authored by Andy
2 parents b82d2a2a 2656ab95

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

Inline Side-by-side
Showing 18 changed files with 239 additions and 35 deletions
contact.html
  View file @2b5e1f8
... ... @@ -93,20 +93,31 @@
93 93 <div class="example-subtitle text-center">打造创新型停车场 轻松停车</div>
94 94 <ul class="example-wrap" id="example-wrap">
95 95 <li class="text-center col-md-6 col-xs-12 example-wrap-dy example-wrap-main">
96   - <div>丹阳</div>
97   - <div>智慧停车项目</div>
  96 + <div>
  97 + <div>丹阳</div>
  98 + <div>智慧停车项目</div>
  99 + </div>
98 100 </li>
99 101 <li class="text-center col-md-6 col-xs-12 example-wrap-cf example-wrap-main">
100   - <div>赤峰红山区</div>
101   - <div>智慧停车项目</div>
  102 + <div>
  103 + <div>赤峰红山区</div>
  104 + <div>智慧停车项目</div>
  105 + </div>
  106 +
102 107 </li>
103 108 <li class="text-center col-md-6 col-xs-12 example-wrap-yz example-wrap-main">
104   - <div>扬中</div>
105   - <div>智慧停车项目</div>
  109 + <div>
  110 + <div>扬中</div>
  111 + <div>智慧停车项目</div>
  112 + </div>
  113 +
106 114 </li>
107 115 <li class="text-center col-md-6 col-xs-12 example-wrap-empty example-wrap-main">
108   - <div>双流</div>
109   - <div>智慧停车项目</div>
  116 + <div>
  117 + <div>双流</div>
  118 + <div>智慧停车项目</div>
  119 + </div>
  120 +
110 121 </li>
111 122  
112 123 </ul>
... ...
css/contact.css
  View file @2b5e1f8
... ... @@ -4,7 +4,7 @@
4 4 .contactside-bg{
5 5 width: 100%;
6 6 height:540px;
7   - background: url("../images/contactside-bg.png") no-repeat;
  7 + background: url("../images/contactside-bg.jpg") no-repeat;
8 8 background-size: 100% 100%;
9 9 }
10 10 .contactside-bg p:nth-of-type(1){
... ... @@ -55,13 +55,23 @@
55 55 background: url("../images/example-wrap-empty.png") no-repeat center center;
56 56 background-size: 90% 100%;
57 57 }
58   -.example-wrap-main div:nth-of-type(1){
59   -
  58 +.example-wrap-main>div{
  59 + width:200px;
  60 + height:119px;
  61 + background:rgba(73,164,254,.7);
  62 + position: relative;
  63 + left: 50%;
  64 + top:50%;
  65 + margin-left: -100px;
  66 + margin-top: -60px;
  67 +}
  68 +.example-wrap-main>div>div:nth-of-type(1){
  69 + padding: 20px 0 7px;
  70 + text-align: center;
60 71 font-size:30px;
61 72 color:rgba(255,255,255,1);
62   - padding: 130px 0 10px;
63 73 }
64   -.example-wrap-main div:nth-of-type(2){
  74 +.example-wrap-main>div>div:nth-of-type(2){
65 75 height: 20px;
66 76 line-height: 20px;
67 77 font-size:20px;
... ...
css/portfollo.css
  View file @2b5e1f8
... ... @@ -2,16 +2,20 @@
2 2 .breadcrumb{
3 3 width: 100%;
4 4 height: 540px;
5   - background:url('../images/breadcrumb-bg.png');
  5 + background:url('../images/breadcrumb-bg.jpg');
6 6 background-size:100% 100%;
7 7 background-repeat:no-repeat;
8 8  
9 9 }
10 10 .breadcrumb-text{
  11 + width:832px;
  12 + height:79px;
  13 + margin: 200px auto;
11 14 text-align: center;
12   - padding-top: 210px;
  15 + line-height: 79px;
13 16 color: #fff;
14 17 font-size: 44px;
  18 + background-color: #3F9FFE;
15 19 }
16 20 #portfolio-soft-top{
17 21 padding-bottom: 0;
... ... @@ -70,22 +74,56 @@
70 74 width: 50%;
71 75 padding-left: 100px;
72 76 }
  77 +.ortfolio-soft-bottom-2>li:nth-of-type(1){
  78 + padding-left: 100px;
  79 +}
  80 +.ortfolio-soft-bottom-3>li:nth-of-type(1){
  81 + padding-left: 100px;
  82 +}
73 83 .ortfolio-soft-bottom-1>li:nth-of-type(1) .swiper-slide{
74 84 height: 500px;
75 85 }
76   -#portfolio-rnt-wrap{
  86 +.portfolio-rnt-wrap{
77 87 width: 50%;
78 88 height: 500px;
79 89 float: left;
80 90 background: url("../images/portfolio-rnt.png") no-repeat -35px 0;
81 91 overflow: hidden;
82 92 }
  93 +.portfolio-pc-wrap{
  94 + width: 50%;
  95 + height: 500px;
  96 + float: left;
  97 + background: url("../images/portfolio-pc.png") no-repeat center center;
  98 + background-size: 100% 70%;
  99 + overflow: hidden;
  100 +}
  101 + .portfolio-analysis-wrap{
  102 + width: 50%;
  103 + height: 500px;
  104 + float: left;
  105 + background: url("../images/portfolio-pc.png") no-repeat center center;
  106 + background-size: 100% 70%;
  107 + overflow: hidden;
  108 + }
83 109 #portfolio-rnt{
84 110 width: 300px;
85 111 height: 500px;
86 112 margin-left: 215px;
87 113 margin-top: 23px;
88 114 }
  115 +#portfolio-pc{
  116 + width: 473px;
  117 + height: 300px;
  118 + margin-left: 63px;
  119 + margin-top: 93px;
  120 +}
  121 +#portfolio-analysis{
  122 + width: 473px;
  123 + height: 300px;
  124 + margin-left: 63px;
  125 + margin-top: 93px;
  126 +}
89 127 #portfolio-rnt .portfolio-rnt1{
90 128 width:100%;
91 129 height: 500px;
... ... @@ -106,20 +144,72 @@
106 144 height: 500px;
107 145 background: url("../images/portfolio-rnt4.png") no-repeat ;
108 146 }
  147 +
  148 +#portfolio-pc .portfolio-pc1{
  149 + width:100%;
  150 + height: 300px;
  151 + background: url("../images/portfolio-pc1.png") no-repeat ;
  152 + background-size: 100% 100%;
  153 +}
  154 +
  155 +#portfolio-pc .portfolio-pc2{
  156 + width:100%;
  157 + height: 300px;
  158 + background: url("../images/portfolio-pc2.png") no-repeat ;
  159 + background-size: 100% 100%;
  160 +}
  161 +
  162 +#portfolio-pc .portfolio-pc3{
  163 + width:100%;
  164 + height: 300px;
  165 + background: url("../images/portfolio-pc3.png") no-repeat ;
  166 + background-size: 100% 100%;
  167 +}
  168 +
  169 +#portfolio-pc .portfolio-pc4{
  170 + width:100%;
  171 + height: 300px;
  172 + background: url("../images/portfolio-pc4.png") no-repeat ;
  173 + background-size: 100% 100%;
  174 +}
  175 +#portfolio-analysis .portfolio-analysis1{
  176 + width:100%;
  177 + height: 300px;
  178 + background: url("../images/portfolio-analysis1.png") no-repeat ;
  179 + background-size: 100% 100%;
  180 +}
  181 +#portfolio-analysis .portfolio-analysis2{
  182 + width:100%;
  183 + height: 300px;
  184 + background: url("../images/portfolio-analysis2.png") no-repeat ;
  185 + background-size: 100% 100%;
  186 +}
  187 +#portfolio-analysis .portfolio-analysis3{
  188 + width:100%;
  189 + height: 300px;
  190 + background: url("../images/portfolio-analysis3.png") no-repeat ;
  191 + background-size: 100% 100%;
  192 +}
  193 +#portfolio-analysis .portfolio-analysis4{
  194 + width:100%;
  195 + height: 300px;
  196 + background: url("../images/portfolio-analysis4.png") no-repeat ;
  197 + background-size: 100% 100%;
  198 +}
109 199 .ortfolio-soft-bottom-1 li:nth-of-type(2){
110 200 padding-left: 100px;
111 201 }
112   -.ortfolio-soft-bottom-2 li:nth-of-type(1){
113   - background: url("../images/ortfolio-soft-pc1.gif") no-repeat center center;
114   - background-size: 100% 80%;
115   -}
  202 +/*.ortfolio-soft-bottom-2 li:nth-of-type(1){*/
  203 + /*background: url("../images/ortfolio-soft-pc1.gif") no-repeat center center;*/
  204 + /*background-size: 100% 80%;*/
  205 +/*}*/
116 206 .ortfolio-soft-bottom-2 li:nth-of-type(2){
117 207 padding-left:100px;
118 208 }
119   -.ortfolio-soft-bottom-3 li:nth-of-type(1){
120   - background: url("../images/ortfolio-soft-pc2.gif") no-repeat center center;
121   - background-size: 100% 80%;
122   -}
  209 +/*.ortfolio-soft-bottom-3 li:nth-of-type(1){*/
  210 + /*background: url("../images/ortfolio-soft-pc2.gif") no-repeat center center;*/
  211 + /*background-size: 100% 80%;*/
  212 +/*}*/
123 213 .ortfolio-soft-bottom-3 li:nth-of-type(2){
124 214 padding-left:100px;
125 215 }
... ...
images/breadcrumb-bg.jpg 0 → 100644
View file @2b5e1f8

312 KB
images/breadcrumb-bg.png deleted
View file @b82d2a2

395 KB
images/contactside-bg.jpg 0 → 100644
View file @2b5e1f8

274 KB
images/contactside-bg.png deleted
View file @b82d2a2

378 KB
images/portfolio-analysis1.png 0 → 100644
View file @2b5e1f8

300 KB
images/portfolio-analysis2.png 0 → 100644
View file @2b5e1f8

303 KB
images/portfolio-analysis3.png 0 → 100644
View file @2b5e1f8

277 KB
images/portfolio-analysis4.png 0 → 100644
View file @2b5e1f8

281 KB
images/portfolio-pc.png 0 → 100644
View file @2b5e1f8

37.2 KB
images/portfolio-pc1.png 0 → 100644
View file @2b5e1f8

112 KB
images/portfolio-pc2.png 0 → 100644
View file @2b5e1f8

67.6 KB
images/portfolio-pc3.png 0 → 100644
View file @2b5e1f8

85.7 KB
images/portfolio-pc4.png 0 → 100644
View file @2b5e1f8

86.2 KB
js/portfollo.js
  View file @2b5e1f8
... ... @@ -5,6 +5,67 @@ $(&#39;#portfolio-soft-wrap li&#39;).on(&#39;click&#39;,function () {
5 5 $('#portfolio-soft-wrap li').children('div').addClass('displaynone');
6 6 $('#portfolio-soft-wrap li').eq(_index).children('div').removeClass('displaynone');
7 7 $('#portfolio-section-wrap>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone');
  8 + if (_index == 0){
  9 + new Swiper ('#portfolio-rnt', {
  10 + direction: 'horizontal',
  11 + loop: true,
  12 + speed: 500, //设置轮播时长 可以不设置 会有个默认值
  13 + autoplay: true,//可选选项，自动滑动
  14 + // 如果需要分页器
  15 + pagination: {
  16 + el: '.swiper-pagination',
  17 + clickable:true
  18 + },
  19 + autoplay: {
  20 + disableOnInteraction: false, //点击后继续轮播(这个很重要)
  21 + delay: 1500, //自动轮播的每次的时间 可以不设置 会有个默认值
  22 + },
  23 + // 如果需要前进后退按钮
  24 +
  25 +
  26 + })
  27 + }
  28 + if (_index == 1){
  29 + new Swiper ('#portfolio-pc', {
  30 + direction: 'horizontal',
  31 + loop: true,
  32 + speed: 500, //设置轮播时长 可以不设置 会有个默认值
  33 + autoplay: true,//可选选项，自动滑动
  34 + // 如果需要分页器
  35 + pagination: {
  36 + el: '.swiper-pagination',
  37 + clickable:true
  38 + },
  39 + autoplay: {
  40 + disableOnInteraction: false, //点击后继续轮播(这个很重要)
  41 + delay: 1500, //自动轮播的每次的时间 可以不设置 会有个默认值
  42 + },
  43 + // 如果需要前进后退按钮
  44 +
  45 +
  46 + })
  47 + }
  48 + if (_index == 2){
  49 + new Swiper ('#portfolio-analysis', {
  50 + direction: 'horizontal',
  51 + loop: true,
  52 + speed: 500, //设置轮播时长 可以不设置 会有个默认值
  53 + autoplay: true,//可选选项，自动滑动
  54 + // 如果需要分页器
  55 + pagination: {
  56 + el: '.swiper-pagination',
  57 + clickable:true
  58 + },
  59 + autoplay: {
  60 + disableOnInteraction: false, //点击后继续轮播(这个很重要)
  61 + delay: 1500, //自动轮播的每次的时间 可以不设置 会有个默认值
  62 + },
  63 + // 如果需要前进后退按钮
  64 +
  65 +
  66 + })
  67 + }
  68 +
8 69 })
9 70 //硬件
10 71 $('#portfolio-hardware-wrap li').on('click',function () {
... ... @@ -17,7 +78,7 @@ $(&#39;#portfolio-hardware-wrap li&#39;).on(&#39;click&#39;,function () {
17 78  
18 79  
19 80  
20   -var mySwiper = new Swiper ('#portfolio-rnt', {
  81 + new Swiper ('#portfolio-rnt', {
21 82 direction: 'horizontal',
22 83 loop: true,
23 84 speed: 500, //设置轮播时长 可以不设置 会有个默认值
... ... @@ -35,3 +96,5 @@ var mySwiper = new Swiper (&#39;#portfolio-rnt&#39;, {
35 96  
36 97  
37 98 })
  99 +
  100 +
... ...
portfolio.html
  View file @2b5e1f8
... ... @@ -101,7 +101,7 @@
101 101 <section class="padding20-0-70">
102 102 <div class="container">
103 103 <ul class="row ortfolio-soft-bottom-1">
104   - <div id="portfolio-rnt-wrap">
  104 + <div class="portfolio-rnt-wrap">
105 105 <li class="text-center col-md-6 swiper-container" id="portfolio-rnt">
106 106 <div class="swiper-wrapper">
107 107 <div class="swiper-slide portfolio-rnt1">
... ... @@ -143,23 +143,38 @@
143 143 <section class="padding20-0-70">
144 144 <div class="container">
145 145 <ul class="row ortfolio-soft-bottom-2">
146   - <li class="text-center col-md-6">
  146 + <div class="portfolio-pc-wrap">
  147 + <li class="text-center col-md-6 swiper-container" id="portfolio-pc">
  148 + <div class="swiper-wrapper">
  149 + <div class="swiper-slide portfolio-pc1">
147 150  
148   - </li>
  151 + </div>
  152 + <div class="swiper-slide portfolio-pc2">
  153 +
  154 + </div>
  155 + <div class="swiper-slide portfolio-pc3">
  156 +
  157 + </div>
  158 + <div class="swiper-slide portfolio-pc4">
  159 +
  160 + </div>
  161 + </div>
  162 + </li>
  163 + </div>
149 164 <li class="text-center col-md-6">
150 165 <div class="ortfolio-soft-bottom-title">
151 166 <span></span>企业云平台
152 167 </div>
153 168 <div class="ortfolio-soft-bottom-des">
154   - <span></span>车场智能推荐,一键导航随停即走
  169 + <span></span>车场运行状态实时查询、人员到岗情况实时监控
155 170 </div>
156 171 <div class="ortfolio-soft-bottom-des">
157   - <span></span>电子支付，简单方便，账户余额，自动代扣，快速离场
  172 + <span></span>报表直观易懂、查询统计快捷方便，多维经营数据分析
158 173 </div>
159 174 <div class="ortfolio-soft-bottom-des">
160   - <span></span>会员卡线上办理，到期智能提醒，快捷实用。
  175 + <span></span>业务规则灵活配置，人员管理排班智能生成
161 176 </div>
162   - <div class="ortfolio-soft-bottom-des"><span></span>积分兑换，礼券不断，优惠多多</div>
  177 + <div class="ortfolio-soft-bottom-des"><span></span>云端分布式部署，多级组织架构权限划分，系统安全可靠</div>
163 178 </li>
164 179  
165 180 </ul>
... ... @@ -170,9 +185,24 @@
170 185 <section class="padding20-0-70">
171 186 <div class="container">
172 187 <ul class="row ortfolio-soft-bottom-3">
173   - <li class="text-center col-md-6">
  188 + <div class="portfolio-analysis-wrap">
  189 + <li class="text-center col-md-6 swiper-container" id="portfolio-analysis">
  190 + <div class="swiper-wrapper">
  191 + <div class="swiper-slide portfolio-analysis1">
174 192  
175   - </li>
  193 + </div>
  194 + <div class="swiper-slide portfolio-analysis2">
  195 +
  196 + </div>
  197 + <div class="swiper-slide portfolio-analysis3">
  198 +
  199 + </div>
  200 + <div class="swiper-slide portfolio-analysis4">
  201 +
  202 + </div>
  203 + </div>
  204 + </li>
  205 + </div>
176 206 <li class="text-center col-md-6">
177 207 <div class="ortfolio-soft-bottom-title">
178 208 <span></span>数据分析平台
... ... @@ -366,6 +396,6 @@
366 396 <script type="text/javascript" src="js/gmaps.min.js"></script>
367 397 <script type="text/javascript" src="js/nav-footer.js"></script>
368 398 <script src="js/main.js?a=2"></script>
369   -<script src="js/portfollo.js?a=5"></script>
  399 +<script src="js/portfollo.js?a=1"></script>
370 400 </body>
371 401 </html>
... ...