bottom

src/components/Bottom.vue

@@ -1,6 +1,6 @@
 <template>
   <div :class="isDrag ? 'bottom_container drag' : 'bottom_container'">
-    <img :src="BottomBackground" class="bottom_img" alt="" />
+    <img :src="getData()" class="bottom_img" alt="" />
     <div class="btn1"></div>
     <div class="btn2" @click="toPhone"></div>
     <div
@@ -15,12 +15,30 @@
 import { showSuccessToast, showFailToast } from 'vant'
 import Clipboard from 'clipboard'
 import BottomBackground from '@/static/img/newpage/bottom.png'
+import BottomBackground2 from '@/static/img/newpage/bottom2.png'
+import BottomBackground3 from '@/static/img/newpage/bottom3.png'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
 const props = defineProps({
   isDrag: {
     type: Boolean,
   },
+  page: {
+    type: String,
+  },
 })
 
+const getData = () => {
+  if (route.path.indexOf('/hardware') != -1) {
+    return BottomBackground3
+  }
+  if (route.path.indexOf('/industry') != -1) {
+    return BottomBackground2
+  }
+  return BottomBackground
+}
+
 const addWeChat = () => {
   // 弹窗显示微信号复制成功  CPMGC007
   let clipboard = new Clipboard('.copy')