diff --git a/webintroduce/src/assets/images/owner/banner.png b/webintroduce/src/assets/images/owner/banner.png
new file mode 100644
index 0000000..8d8e37a
--- /dev/null
+++ b/webintroduce/src/assets/images/owner/banner.png
diff --git a/webintroduce/src/assets/images/owner/navigation.png b/webintroduce/src/assets/images/owner/navigation.png
new file mode 100644
index 0000000..ccc098a
--- /dev/null
+++ b/webintroduce/src/assets/images/owner/navigation.png
diff --git a/webintroduce/src/views/owner.vue b/webintroduce/src/views/owner.vue
index f4ebc1c..f8ff97b 100644
--- a/webintroduce/src/views/owner.vue
+++ b/webintroduce/src/views/owner.vue
@@ -1,13 +1,111 @@
 <template>
-    <div>车主</div>
+  <div>
+    <div class="banner-wrap">
+      <p>一键导航 轻松停车</p>
+      <p>One-click navigation for easy parking</p>
+    </div>
+
+    <div class="detail-con" style="background:rgba(247,248,250,1);">
+      <div class="introduce-title">“任你停”APP"</div>
+      <div class="sub-title">“任你停”停车APP融合智能交通、移动互联网、物联网以及电子支付等技术，针对城市“停车难”，帮助车主快速寻找停车位，大大提高停车效率，提供更好的智能停车体验。</div>
+      <Vsection
+        mytitle="停车一键导航"
+        v-bind:insideList="insideList"
+        rowReverse=""
+        setionheight="397px"
+        v-bind:bgImg="InsideImg"
+      ></Vsection>
+    </div>
+
+    <div class="detail-con" style="">
+      <Vsection
+        mytitle="停车一键导航"
+        v-bind:insideList="insideList"
+        rowReverse="row-reverse"
+        setionheight="397px"
+        v-bind:bgImg="InsideImg"
+      ></Vsection>
+    </div>
+
+    <div class="detail-con" style="background:rgba(247,248,250,1);">
+      <Vsection
+        mytitle="停车一键导航"
+        v-bind:insideList="insideList"
+        rowReverse=""
+        setionheight="397px"
+        v-bind:bgImg="InsideImg"
+      ></Vsection>
+    </div>
+
+    <div class="detail-con" style="">
+      <Vsection
+        mytitle="停车一键导航"
+        v-bind:insideList="insideList"
+        rowReverse="row-reverse"
+        setionheight="397px"
+        v-bind:bgImg="InsideImg"
+      ></Vsection>
+    </div>
+  </div>
+
+
 </template>
 
 <script>
+import Vintroduce from '../components/Vintroduce'
+import Vsection from '../components/Vsection'
 export default {
-  name: 'owner'
+  name: 'owner',
+  components: {
+    Vintroduce, Vsection
+  },
+  data() {
+    return {
+      InsideImg: require('../assets/images/owner/navigation.png'),
+      insideList: [
+        '目的地附近停车场推荐',
+        '快速一键导航停车场',
+        '最佳停车路径规划'
+      ],
+    }
+  }
 }
 </script>
 
 <style scoped lang="scss">
-
+  .banner-wrap {
+    height: 601px;
+    background: url("../assets/images/owner/banner.png") no-repeat;
+    background-size: 100% 100%;
+    p {
+      width: 945px;
+      margin: 0 auto;
+      text-align: left;
+      &:first-child {
+        padding: 135px 0 20px;
+        font-size: 79px;
+        color: rgba(29, 31, 43, 1);
+      }
+      &:last-child {
+        font-size: 30px;
+        color: rgba(29, 31, 43, .8);
+      }
+    }
+  }
+  .introduce-title{
+    padding: 82px 0 41px;
+    font-size:32px;
+    font-weight:500;
+    color:rgba(0,0,0,1);
+    background:rgba(247,248,250,1);
+  }
+  .sub-title{
+    width:800px;
+    margin: 0 auto ;
+    font-size:14px;
+    font-weight:500;
+    color:rgba(0,0,0,.6);
+    line-height:25px;
+    background:rgba(247,248,250,1);
+  }
 </style>