Commit bcd44d52b6fd79d7990edbd4ca2c12c4c6335bb4
1 parent
76b867f4
车主初始化
Showing
3 changed files
with
101 additions
and
3 deletions
webintroduce/src/assets/images/owner/banner.png
0 → 100644
1.35 MB
webintroduce/src/assets/images/owner/navigation.png
0 → 100644
62.5 KB
webintroduce/src/views/owner.vue
| 1 | <template> | 1 | <template> |
| 2 | - <div>车主</div> | 2 | + <div> |
| 3 | + <div class="banner-wrap"> | ||
| 4 | + <p>一键导航 轻松停车</p> | ||
| 5 | + <p>One-click navigation for easy parking</p> | ||
| 6 | + </div> | ||
| 7 | + | ||
| 8 | + <div class="detail-con" style="background:rgba(247,248,250,1);"> | ||
| 9 | + <div class="introduce-title">“任你停”APP"</div> | ||
| 10 | + <div class="sub-title">“任你停”停车APP融合智能交通、移动互联网、物联网以及电子支付等技术，针对城市“停车难”，帮助车主快速寻找停车位，大大提高停车效率，提供更好的智能停车体验。</div> | ||
| 11 | + <Vsection | ||
| 12 | + mytitle="停车一键导航" | ||
| 13 | + v-bind:insideList="insideList" | ||
| 14 | + rowReverse="" | ||
| 15 | + setionheight="397px" | ||
| 16 | + v-bind:bgImg="InsideImg" | ||
| 17 | + ></Vsection> | ||
| 18 | + </div> | ||
| 19 | + | ||
| 20 | + <div class="detail-con" style=""> | ||
| 21 | + <Vsection | ||
| 22 | + mytitle="停车一键导航" | ||
| 23 | + v-bind:insideList="insideList" | ||
| 24 | + rowReverse="row-reverse" | ||
| 25 | + setionheight="397px" | ||
| 26 | + v-bind:bgImg="InsideImg" | ||
| 27 | + ></Vsection> | ||
| 28 | + </div> | ||
| 29 | + | ||
| 30 | + <div class="detail-con" style="background:rgba(247,248,250,1);"> | ||
| 31 | + <Vsection | ||
| 32 | + mytitle="停车一键导航" | ||
| 33 | + v-bind:insideList="insideList" | ||
| 34 | + rowReverse="" | ||
| 35 | + setionheight="397px" | ||
| 36 | + v-bind:bgImg="InsideImg" | ||
| 37 | + ></Vsection> | ||
| 38 | + </div> | ||
| 39 | + | ||
| 40 | + <div class="detail-con" style=""> | ||
| 41 | + <Vsection | ||
| 42 | + mytitle="停车一键导航" | ||
| 43 | + v-bind:insideList="insideList" | ||
| 44 | + rowReverse="row-reverse" | ||
| 45 | + setionheight="397px" | ||
| 46 | + v-bind:bgImg="InsideImg" | ||
| 47 | + ></Vsection> | ||
| 48 | + </div> | ||
| 49 | + </div> | ||
| 50 | + | ||
| 51 | + | ||
| 3 | </template> | 52 | </template> |
| 4 | 53 | ||
| 5 | <script> | 54 | <script> |
| 55 | +import Vintroduce from '../components/Vintroduce' | ||
| 56 | +import Vsection from '../components/Vsection' | ||
| 6 | export default { | 57 | export default { |
| 7 | - name: 'owner' | 58 | + name: 'owner', |
| 59 | + components: { | ||
| 60 | + Vintroduce, Vsection | ||
| 61 | + }, | ||
| 62 | + data() { | ||
| 63 | + return { | ||
| 64 | + InsideImg: require('../assets/images/owner/navigation.png'), | ||
| 65 | + insideList: [ | ||
| 66 | + '目的地附近停车场推荐', | ||
| 67 | + '快速一键导航停车场', | ||
| 68 | + '最佳停车路径规划' | ||
| 69 | + ], | ||
| 70 | + } | ||
| 71 | + } | ||
| 8 | } | 72 | } |
| 9 | </script> | 73 | </script> |
| 10 | 74 | ||
| 11 | <style scoped lang="scss"> | 75 | <style scoped lang="scss"> |
| 12 | - | 76 | + .banner-wrap { |
| 77 | + height: 601px; | ||
| 78 | + background: url("../assets/images/owner/banner.png") no-repeat; | ||
| 79 | + background-size: 100% 100%; | ||
| 80 | + p { | ||
| 81 | + width: 945px; | ||
| 82 | + margin: 0 auto; | ||
| 83 | + text-align: left; | ||
| 84 | + &:first-child { | ||
| 85 | + padding: 135px 0 20px; | ||
| 86 | + font-size: 79px; | ||
| 87 | + color: rgba(29, 31, 43, 1); | ||
| 88 | + } | ||
| 89 | + &:last-child { | ||
| 90 | + font-size: 30px; | ||
| 91 | + color: rgba(29, 31, 43, .8); | ||
| 92 | + } | ||
| 93 | + } | ||
| 94 | + } | ||
| 95 | + .introduce-title{ | ||
| 96 | + padding: 82px 0 41px; | ||
| 97 | + font-size:32px; | ||
| 98 | + font-weight:500; | ||
| 99 | + color:rgba(0,0,0,1); | ||
| 100 | + background:rgba(247,248,250,1); | ||
| 101 | + } | ||
| 102 | + .sub-title{ | ||
| 103 | + width:800px; | ||
| 104 | + margin: 0 auto ; | ||
| 105 | + font-size:14px; | ||
| 106 | + font-weight:500; | ||
| 107 | + color:rgba(0,0,0,.6); | ||
| 108 | + line-height:25px; | ||
| 109 | + background:rgba(247,248,250,1); | ||
| 110 | + } | ||
| 13 | </style> | 111 | </style> |