首页卡片开发

pages/careerfair/careerfair.vue

@@ -85,17 +85,22 @@
             </view>
             <!-- 自定义tabbar -->
             <CustomTabBar :currentPage="1" />
+            
+            <!-- 微信授权登录弹窗 -->
+            <WxAuthLogin ref="wxAuthLoginRef" @success="handleLoginSuccess"></WxAuthLogin>
         </view>
     </view>
 </template>
 
 <script setup>
-import { reactive, inject, watch, ref, onMounted } from 'vue';
+import { reactive, inject, watch, ref, onMounted, onUnmounted } from 'vue';
 import { onLoad, onShow } from '@dcloudio/uni-app';
 import useLocationStore from '@/stores/useLocationStore';
 import { storeToRefs } from 'pinia';
 import { tabbarManager } from '@/utils/tabbarManager';
+import WxAuthLogin from '@/components/WxAuthLogin/WxAuthLogin.vue';
 const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
+const wxAuthLoginRef = ref(null);
 const { $api, navTo, cloneDeep } = inject('globalFunction');
 const weekList = ref([]);
 const fairList = ref([]);
@@ -131,6 +136,23 @@ onShow(() => {
     tabbarManager.updateSelected(1);
 });
 
+onMounted(() => {
+    // 监听退出登录事件，显示微信登录弹窗
+    uni.$on('showLoginModal', () => {
+        wxAuthLoginRef.value?.open();
+    });
+});
+
+onUnmounted(() => {
+    uni.$off('showLoginModal');
+});
+
+// 登录成功回调
+const handleLoginSuccess = () => {
+    console.log('登录成功');
+    // 可以在这里添加登录成功后的处理逻辑
+};
+
 function toSelectDate() {
     navTo('/packageA/pages/selectDate/selectDate', {
         query: {