front-components-isaacwonderxu v1.0.15

front-components-isaacwonderxu

A simple Vue components for page login and footer.

Building manually

After checking out the repo, install dependencies:

npm install @oasis-games/front-components-isaacwonderxu

Then build a minified, distributable JS file:

npm run build

Example Usage In Vue Project

Vue Global registration:

import Fci from @oasis-games/front-components-isaacwonderxu;
Vue.use(Fci)

<template>
   <fci-footer :options="footerConfig"></fci-footer>
   <fci-login-reg
            :options="loginRegConfig"
            :dialog-visible="dialogVisible"
            @close="close"
            @loginCallBack="loginCallBack"
   ></fci-login-reg>
</template>

<script>
export default {
   name: "app",
   data() {
       return {
           footerConfig: {
                lang: "tw"
            }, 
           loginRegConfig: {
                lang: "tw",
                appId: "1319220848281844",
                client: "marstest",
                isDebug: true,
                cookieUser: "fci-user",
                cookieRefresh: false,
                domain: ".tabzen.net"
            },
            dialogVisible: true
       };
   },
   methods: {
        close(dialogVisible) {
            this.dialogVisible = dialogVisible;
        },
        loginCallBack(e) {
            console.log(e);
            this.dialogVisible = false;
        }
    }
};
</script>

Footer Attributes

LoginReg Attributes

LoginReg Events