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 46 .guide-bg div{
47 47 background-size: 70%;
48 48 }
  49 + .owner-bg div{
  50 + background-size: 80%;
  51 + }
49 52 .detail-section-list{
50 53 text-align: left;
51 54 div{
... ...
webintroduce/src/views/owner.vue
  View file @a6c1036
... ... @@ -10,40 +10,44 @@
10 10 <div class="sub-title">“任你停”停车APP融合智能交通、移动互联网、物联网以及电子支付等技术，针对城市“停车难”，帮助车主快速寻找停车位，大大提高停车效率，提供更好的智能停车体验。</div>
11 11 <Vsection
12 12 mytitle="停车一键导航"
13   - v-bind:insideList="insideList"
  13 + v-bind:insideList="navigationList"
14 14 rowReverse=""
15 15 setionheight="397px"
16   - v-bind:bgImg="InsideImg"
  16 + v-bind:bgImg="navigationImg"
  17 + class="owner-bg"
17 18 ></Vsection>
18 19 </div>
19 20  
20 21 <div class="detail-con" style="">
21 22 <Vsection
22 23 mytitle="停车一键导航"
23   - v-bind:insideList="insideList"
  24 + v-bind:insideList="outList"
24 25 rowReverse="row-reverse"
25 26 setionheight="397px"
26   - v-bind:bgImg="InsideImg"
  27 + v-bind:bgImg="outImg"
  28 + class="owner-bg"
27 29 ></Vsection>
28 30 </div>
29 31  
30 32 <div class="detail-con" style="background:rgba(247,248,250,1);">
31 33 <Vsection
32 34 mytitle="停车一键导航"
33   - v-bind:insideList="insideList"
  35 + v-bind:insideList="personList"
34 36 rowReverse=""
35 37 setionheight="397px"
36   - v-bind:bgImg="InsideImg"
  38 + v-bind:bgImg="personImg"
  39 + class="owner-bg"
37 40 ></Vsection>
38 41 </div>
39 42  
40 43 <div class="detail-con" style="">
41 44 <Vsection
42 45 mytitle="停车一键导航"
43   - v-bind:insideList="insideList"
  46 + v-bind:insideList="aroundList"
44 47 rowReverse="row-reverse"
45 48 setionheight="397px"
46   - v-bind:bgImg="InsideImg"
  49 + v-bind:bgImg="aroundImg"
  50 + class="owner-bg"
47 51 ></Vsection>
48 52 </div>
49 53 </div>
... ... @@ -62,11 +66,32 @@ export default {
62 66 data() {
63 67 return {
64 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 }
... ...