列表底部组件，和通知弹窗样式

src/components/public/have-questions.vue

@@ -0,0 +1,28 @@
+<template>
+    <!-- 有疑问 -->
+    <div class="flexcenter" style="padding: 78px 0;">
+        <el-popover placement="bottom" popper-class="have-questions flexcenter" :width="160" trigger="hover"
+            popper-style="border-radius: 14px;padding: 20px;">
+            <template #reference>
+                <div class="have-questions flexcenter">
+                    <div class="have-questions-text flexacenter">有疑问？来找<img class="smiling"
+                            src="@/assets/img/publicImage/smiling.png">寄托方同学！</div>
+                    <div class="have-questions-btn flexcenter">
+                        <img class="have-questions-icon" src="@/assets/img/publicImage/QR-code.svg" />扫码加微信
+                    </div>
+                </div>
+            </template>
+            <img class="QR-code" :src="wechat['wechatqrcode']" alt="">
+        </el-popover>
+    </div>
+</template>
+
+<script setup>
+import { toRefs } from 'vue';
+import { useStore } from 'vuex';
+const store = useStore();
+const { wechat } = toRefs(store.state);
+
+</script>
+
+<style lang="less" scoped></style>