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

src/views/user.vue

@@ -39,7 +39,7 @@
                 </div>
                 <template v-if="user.identity != 0">
                     <img class="" src="@/assets/img/publicImage/cut-off-rule.svg">
-                    <el-popover placement="bottom" :width="360" trigger="click" :show-arrow="false"
+                    <el-popover placement="bottom" :width="360" trigger="hover" :show-arrow="false"
                         popper-style="background: transparent;padding:0;box-shadow: none;border: none;">
                         <template #reference>
                             <div class="operate-item flexcenter identity">
@@ -65,23 +65,9 @@
     </div>
 
     <!-- 有疑问 -->
-    <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="https://oss.gter.net/Zvt57TuJSUvkyhw-xG7Y2l-S_J8rcn3qqsgFptxhXa6RWi26P-BuTQQWELrL49kb8MVYZjQ0Mjk~"
-                alt="">
-        </el-popover>
-    </div>
+    <have-questions></have-questions>
+
+    <page-footer></page-footer>
 
     <!-- 系统通知弹窗 -->
     <systematic-notification-pop></systematic-notification-pop>
@@ -90,6 +76,8 @@
 <script setup>
 import headerNav from '@/components/public/head.vue'
 import systematicNotificationPop from '@/components/user/systematic-notification-pop.vue'
+import haveQuestions from '@/components/public/have-questions.vue'
+import pageFooter from '@/components/footer/footer.vue'
 import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
 const { proxy } = getCurrentInstance()
 
@@ -113,7 +101,7 @@ async function init() {
     proxy.$post("/tenement/v2/api/user").then(res => {
         if (res.code != 200) return
         let data = res.data
-        data.user['identity'] = -1
+        // data.user['identity'] = 1
         user.value = data.user
         count.value = data.count
         newmessagenum.value = data.newmessagenum