引入了fb

src/import-png.d.ts

@@ -11,4 +11,6 @@ declare module "ant-design-vue/es/locale/en_US" {
 declare module "ant-design-vue/es/locale/zh_CN" {
     const value: any;
     export default value;
-}
+}
+
+declare var FB: any;

src/store/index.ts

@@ -53,6 +53,7 @@ export default createStore({
     setUserInfo(state, userinfo){
       userinfo.money = userinfo.money.toString()
       state.userinfo = userinfo
+      state.islogin = true;
     },
     login(state, islogin: boolean){
       state.islogin = islogin;

src/views/login/Login.vue

@@ -92,7 +92,7 @@
         <div class="icons">
           <img src="@/static/images/weixin.png" alt="" class="icon" />
           <img src="@/static/images/weibo.png" alt="" class="icon" />
-          <img src="@/static/images/facebook.png" alt="" class="icon" />
+          <img src="@/static/images/facebook.png" alt="" class="icon" @click="slogin(3)" />
         </div>
       </div>
     </div>
@@ -249,6 +249,18 @@ export default defineComponent({
     function navto(){
       router.push("/about")
     }
+    
+    function slogin(index: number){
+      console.log(index)
+      if(index == 3){
+        window.FB.login(function(response: any){
+          console.log(response)
+          // handle the response 
+        });
+
+      }
+    }
+
     return {
       formLayout,
       tabselected,
@@ -265,7 +277,8 @@ export default defineComponent({
       sublogin,
       videolist,
       tovideoxq,
-      navto
+      navto,
+      slogin
     };
   },
 });

src/views/mine/Cashout.vue

@@ -367,6 +367,7 @@ export default defineComponent({
             position: relative;
             left: 80px;
             top: 11px;
+            display: inline-block;
         }
         .submit {
             font-size: 10px;