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 | 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 | 52 | </template> |
| 4 | 53 | |
| 5 | 54 | <script> |
| 55 | +import Vintroduce from '../components/Vintroduce' | |
| 56 | +import Vsection from '../components/Vsection' | |
| 6 | 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 | 73 | </script> |
| 10 | 74 | |
| 11 | 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 | 111 | </style> | ... | ... |