BJ_web_developers / webintroduce

Commit a6c1036eaefd0be271b736c077dc8b55fa4dfa1a

Authored by liuqimichale
1 parent 7bdd91c9

车主

Inline Side-by-side
Showing 6 changed files with 37 additions and 9 deletions
webintroduce/src/assets/images/owner/around.png 0 → 100644
View file @a6c1036

96.5 KB
webintroduce/src/assets/images/owner/navigation.png
View file @a6c1036

62.5 KB | W: | H:

112 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
webintroduce/src/assets/images/owner/out.png 0 → 100644
View file @a6c1036

81.4 KB
webintroduce/src/assets/images/owner/person.png 0 → 100644
View file @a6c1036

79.8 KB
webintroduce/src/components/Vsection.vue
  View file @a6c1036
@@ -46,6 +46,9 @@ export default { @@ -46,6 +46,9 @@ export default {
46 .guide-bg div{ 46 .guide-bg div{
47 background-size: 70%; 47 background-size: 70%;
48 } 48 }
  49 + .owner-bg div{
  50 + background-size: 80%;
  51 + }
49 .detail-section-list{ 52 .detail-section-list{
50 text-align: left; 53 text-align: left;
51 div{ 54 div{
webintroduce/src/views/owner.vue
  View file @a6c1036
@@ -10,40 +10,44 @@ @@ -10,40 +10,44 @@
10 <div class="sub-title">“任你停”停车APP融合智能交通、移动互联网、物联网以及电子支付等技术，针对城市“停车难”，帮助车主快速寻找停车位，大大提高停车效率，提供更好的智能停车体验。</div> 10 <div class="sub-title">“任你停”停车APP融合智能交通、移动互联网、物联网以及电子支付等技术，针对城市“停车难”，帮助车主快速寻找停车位，大大提高停车效率，提供更好的智能停车体验。</div>
11 <Vsection 11 <Vsection
12 mytitle="停车一键导航" 12 mytitle="停车一键导航"
13 - v-bind:insideList="insideList" 13 + v-bind:insideList="navigationList"
14 rowReverse="" 14 rowReverse=""
15 setionheight="397px" 15 setionheight="397px"
16 - v-bind:bgImg="InsideImg" 16 + v-bind:bgImg="navigationImg"
  17 + class="owner-bg"
17 ></Vsection> 18 ></Vsection>
18 </div> 19 </div>
19 20
20 <div class="detail-con" style=""> 21 <div class="detail-con" style="">
21 <Vsection 22 <Vsection
22 mytitle="停车一键导航" 23 mytitle="停车一键导航"
23 - v-bind:insideList="insideList" 24 + v-bind:insideList="outList"
24 rowReverse="row-reverse" 25 rowReverse="row-reverse"
25 setionheight="397px" 26 setionheight="397px"
26 - v-bind:bgImg="InsideImg" 27 + v-bind:bgImg="outImg"
  28 + class="owner-bg"
27 ></Vsection> 29 ></Vsection>
28 </div> 30 </div>
29 31
30 <div class="detail-con" style="background:rgba(247,248,250,1);"> 32 <div class="detail-con" style="background:rgba(247,248,250,1);">
31 <Vsection 33 <Vsection
32 mytitle="停车一键导航" 34 mytitle="停车一键导航"
33 - v-bind:insideList="insideList" 35 + v-bind:insideList="personList"
34 rowReverse="" 36 rowReverse=""
35 setionheight="397px" 37 setionheight="397px"
36 - v-bind:bgImg="InsideImg" 38 + v-bind:bgImg="personImg"
  39 + class="owner-bg"
37 ></Vsection> 40 ></Vsection>
38 </div> 41 </div>
39 42
40 <div class="detail-con" style=""> 43 <div class="detail-con" style="">
41 <Vsection 44 <Vsection
42 mytitle="停车一键导航" 45 mytitle="停车一键导航"
43 - v-bind:insideList="insideList" 46 + v-bind:insideList="aroundList"
44 rowReverse="row-reverse" 47 rowReverse="row-reverse"
45 setionheight="397px" 48 setionheight="397px"
46 - v-bind:bgImg="InsideImg" 49 + v-bind:bgImg="aroundImg"
  50 + class="owner-bg"
47 ></Vsection> 51 ></Vsection>
48 </div> 52 </div>
49 </div> 53 </div>
@@ -62,11 +66,32 @@ export default { @@ -62,11 +66,32 @@ export default {
62 data() { 66 data() {
63 return { 67 return {
64 InsideImg: require('../assets/images/owner/navigation.png'), 68 InsideImg: require('../assets/images/owner/navigation.png'),
65 - insideList: [ 69 + navigationImg: require('../assets/images/owner/navigation.png'),
  70 + navigationList: [
66 '目的地附近停车场推荐', 71 '目的地附近停车场推荐',
67 '快速一键导航停车场', 72 '快速一键导航停车场',
68 '最佳停车路径规划' 73 '最佳停车路径规划'
69 ], 74 ],
  75 +
  76 + outImg: require('../assets/images/owner/navigation.png'),
  77 + outList: [
  78 + '支持微信、支付宝等多种在线支付方式',
  79 + '提前支付，快速离场',
  80 + '减少通道排队时间'
  81 + ],
  82 +
  83 + personImg: require('../assets/images/owner/navigation.png'),
  84 + personList: [
  85 + '个人车位出租与共享',
  86 + '提高车位利用率，增加车主个人收入',
  87 + '盘活泊位存量',
  88 + ],
  89 +
  90 + aroundImg: require('../assets/images/owner/around.png'),
  91 + aroundList: [
  92 + '为用户直接提供周边第三方服务入口',
  93 + '方便用户出行以及获得更多相关服务',
  94 + ],
70 } 95 }
71 } 96 }
72 } 97 }