front-components-creaction

A simple Vue components for page login and footer.

Building manually

After checking out the repo, install dependencies:

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

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-creaction;
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

|属性|类型|说明|默认值| |:----|:----|:----|:----| |lang|string|语言包|en| |disabledPrivacyPolicy|boolean|是否禁用隐私协议|false| |disabledTermsOfService|boolean|是否禁用服务条款|false| |disabledPrivacyControl|boolean|是否禁用隐私控制|false| |disabledContactUs|boolean|是否禁用联系我们|false|

LoginReg Attributes

| 属性 | 类型 | 说明 | 默认值 | |:----|:----|:----|:----| | lang | string | 语言包 | en | | appId | string | faceBook登录方式所需 应用的id | | | client| string | 接入的游戏 | | | isDebug| boolean | 测试/线上环境 | false | | cookieUser| string | 自定义登录/注册用户cookie名 | | | cookieRefresh| boolean | 是否启用cookie过期刷新机制、该参数依赖cookieUser是否设置 | false | | domain| string | cookie根域 | | | dialogVisible| boolean | 登录框显隐 | | | loginQr| boolean | 是否开启扫码登录功能 | false |

LoginReg Events

| 事件名 | 说明 | 参数 | |:------|:-------|:-------| | close | 用户关闭登录插件时所触发的事件 | dialogVisible | | loginCallBack | 用户登录、注册成功时所触发的事件| e |