立即预定

components/detailFooterBtn.vue

+<template>
+  <a
+    class="detail-footer-btn"
+    href="https://mgmt.dfangche.com/h5/d.html">
+    立即预定
+  </a>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {}
+    }
+  }
+</script>
+
+<style lang="scss">
+  @import "../assets/styles/mixin";
+  .detail-footer-btn{
+    background: #1bbb9f;
+    position: fixed;
+    width: 100%;
+    bottom: 0;
+    z-index: 9999;
+    padding: 19px;
+    color: #fff;
+    text-align: center;
+    font-size: 16px;
+  }
+</style>

pages/campsiteDetail/index.vue

@@ -96,6 +96,7 @@
         </div>
       </div>
     </div>
+    <detail-footer-btn/>
     <go-top/>
   </div>
 </template>
@@ -105,12 +106,14 @@
   import Head from "~/components/head";
   import DetailBanner from '~/components/detailBanner'
   import GoTop from "~/components/goTop";
+  import DetailFooterBtn from "~/components/detailFooterBtn";
 
   export default {
     components: {
       Head,
       DetailBanner,
-      GoTop
+      GoTop,
+      DetailFooterBtn
     },
     data() {
       return {

pages/tourDetail/index.vue

@@ -98,6 +98,7 @@
         </div>
       </div>
     </div>
+    <detail-footer-btn/>
     <go-top/>
   </div>
 </template>
@@ -107,12 +108,14 @@
   import Head from "~/components/head";
   import DetailBanner from '~/components/detailBanner'
   import GoTop from "~/components/goTop";
+  import DetailFooterBtn from "~/components/detailFooterBtn";
 
   export default {
     components: {
       Head,
       DetailBanner,
-      GoTop
+      GoTop,
+      DetailFooterBtn
     },
     data() {
       return {

pages/vehicleDetail/index.vue

@@ -158,6 +158,7 @@
         </div>
       </div>
     </div>
+    <detail-footer-btn/>
     <go-top/>
   </div>
 </template>
@@ -167,12 +168,14 @@
   import Head from "~/components/head";
   import DetailBanner from '~/components/detailBanner'
   import GoTop from "~/components/goTop";
+  import DetailFooterBtn from "~/components/detailFooterBtn";
 
   export default {
     components: {
       Head,
       DetailBanner,
-      GoTop
+      GoTop,
+      DetailFooterBtn
     },
     data() {
       return {