更新 新功能日志逻辑

src/apis/cloudLogin.js

@@ -9,8 +9,11 @@ const auth = tcb.auth({
 });
 
 async function AnonymousLogin() {
-  await auth.anonymousAuthProvider().signIn();
-  const loginState = await auth.getLoginState();
+  return new Promise(async (resolve, reject) => {
+    let signIn = await auth.anonymousAuthProvider().signIn();
+    const loginState = await auth.getLoginState();
+    resolve();
+  });
 }
-AnonymousLogin();
-export default tcb;
+
+export { AnonymousLogin, tcb };

src/components/Header.vue

@@ -8,7 +8,7 @@
         class="ml20"
         style="color: #fff; font-size: 18px; height: 60px; padding-top: 50px"
       >
-        version：{{ this.$store.state.versions[0]?.version }}
+        version：{{ timelineData[0]?.version }}
       </div>
     </div>
     <div class="right">
@@ -32,7 +32,7 @@
       <el-popover placement="bottom" trigger="hover" :width="240">
         <el-timeline>
           <el-timeline-item
-            v-for="item in this.$store.state.versions"
+            v-for="item in timelineData"
             center
             :timestamp="item.timer"
             placement="top"
@@ -87,7 +87,7 @@ import api from "../apis/fetch";
 import { onMounted, ref } from "vue";
 import { BellFilled } from "@element-plus/icons";
 import _ from "lodash";
-import tcb from "../apis/cloudLogin";
+import { AnonymousLogin, tcb } from "../apis/cloudLogin";
 const db = tcb.database();
 const v = db.collection("huihenduo_versions");
 const __ = db.command;
@@ -160,7 +160,7 @@ export default {
           getUnphotographNotice();
         }
       }, 2 * 60 * 1000);
-      getAbledVersions();
+      cloudLogin();
     });
 
     let vs = [
@@ -200,13 +200,16 @@ export default {
     ];
     let timelineData = ref([]);
     // timelineData.value = vs.reverse();
-
+    async function cloudLogin() {
+      await AnonymousLogin();
+      getAbledVersions();
+    }
     async function getAbledVersions() {
       let res = await v
         .where({ disabled: false, deleted: __.neq(true) })
         .limit(6)
         .get();
-      store.commit("setVersions", res.data.reverse());
+      timelineData.value = res.data.reverse();
     }
 
     const size = 20;

src/views/index/Versions.vue

@@ -7,7 +7,7 @@
       <el-popover placement="bottom" trigger="hover" :width="240">
         <el-timeline>
           <el-timeline-item
-            v-for="item in this.$store.state.versions"
+            v-for="item in store.state.versions"
             center
             :timestamp="item.timer"
             placement="top"
@@ -163,7 +163,7 @@
 </template>
 
 <script setup>
-import tcb from "apis/cloudLogin";
+import { AnonymousLogin, tcb } from "apis/cloudLogin";
 import _ from "lodash";
 import { ElMessage, ElMessageBox } from "element-plus";
 import store from "../../store";
@@ -302,9 +302,13 @@ const rules = reactive({
     },
   ],
 });
+async function init() {
+  await AnonymousLogin();
+  getAllVersions();
+}
 
 onMounted(() => {
-  getAllVersions();
+  init();
 });
 </script>