首页卡片开发

pages/msglog/msglog.vue

@@ -21,8 +21,8 @@
                         <component :is="components[index]" :ref="(el) => handelComponentsRef(el, index)" />
                         <!-- #endif -->
                         <!-- #ifdef MP-WEIXIN -->
-                        <ReadComponent v-show="currentIndex === 0" :ref="(el) => handelComponentsRef(el, index)" />
-                        <UnreadComponent v-show="currentIndex === 1" :ref="(el) => handelComponentsRef(el, index)" />
+                        <ReadComponent v-show="state.current === 0" :ref="(el) => handelComponentsRef(el, index)" />
+                        <UnreadComponent v-show="state.current === 1" :ref="(el) => handelComponentsRef(el, index)" />
                         <!-- #endif -->
                     </swiper-item>
                 </swiper>
@@ -30,6 +30,9 @@
 
             <!-- 自定义tabbar -->
             <CustomTabBar :currentPage="3" />
+            
+            <!-- 微信授权登录弹窗 -->
+            <WxAuthLogin ref="wxAuthLoginRef" @success="handleLoginSuccess"></WxAuthLogin>
 
             <!-- 统一使用系统tabBar -->
         </view>
@@ -37,18 +40,20 @@
 </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 Tabbar from '@/components/tabbar/midell-box.vue';
 import ReadComponent from './read.vue';
 import UnreadComponent from './unread.vue';
 import { tabbarManager } from '@/utils/tabbarManager';
+import WxAuthLogin from '@/components/WxAuthLogin/WxAuthLogin.vue';
 const loadedMap = reactive([false, false]);
 const swiperRefs = [ref(null), ref(null)];
 const components = [ReadComponent, UnreadComponent];
 import { storeToRefs } from 'pinia';
 import { useReadMsg } from '@/stores/useReadMsg';
 const { unreadCount } = storeToRefs(useReadMsg());
+const wxAuthLoginRef = ref(null);
 
 onShow(() => {
     // 获取消息列表
@@ -63,8 +68,23 @@ const state = reactive({
 
 onMounted(() => {
     handleTabChange(state.current);
+    
+    // 监听退出登录事件，显示微信登录弹窗
+    uni.$on('showLoginModal', () => {
+        wxAuthLoginRef.value?.open();
+    });
 });
 
+onUnmounted(() => {
+    uni.$off('showLoginModal');
+});
+
+// 登录成功回调
+const handleLoginSuccess = () => {
+    console.log('登录成功');
+    // 可以在这里添加登录成功后的处理逻辑
+};
+
 const handelComponentsRef = (el, index) => {
     if (el) {
         swiperRefs[index].value = el;