servyou_gd-protal v2.6.6

快速生成门户的一套工具

项目运行

git clone http://gd-gitlab.dc.servyou-it.com/gt-front/portal-config.git
cd portal-config
npm install
npm run serve

在项目根目录下执行npm run build,会生成一个lib文件夹，将lib文件夹中的内容copy到要引用的项目中。

如果你已经有一个该包的文件，可以直接忽略上面步骤。

引入

一、浏览器环境

引入上面lib文件中的文件

<link href="portal.css" rel="stylesheet">
...
<script src="portal.js"></script>

二、webpack中

1、从内网npm上下载，执行 npm i gd-portal -S，项目文件中执行：

import Portal from 'gd-portal';
import 'gd-portal/lib/portal.css';

2、直接引用上面lib文件，项目文件中执行：

import Portal from 'lib/gd-portal';
import 'lib/portal.css';

使用

  var myPortal = new Portal(options);

options 参数说明

TabMenus 参数说明

identityActions 参数说明

实例方法说明

  var myPortal = new Portal(options);
  myPortal.methodName(params);

Login说明

引入

浏览器环境

<link href="portal.css" rel="stylesheet">
...
<script src="portal.js"></script>
<script>
  new Portal.Login(options)
</script>

webpack中

import { Login } from 'gd-portal';
import 'gd-portal/lib/portal.css';
new Login(options);

account、password详细说明

例如：

new Login({
  account: {
    placeholder: '手机号码/证件号',
    rules: [
      { required: true, message: '请输入账号' },
      { reg: /^\-[1-9][]0-9"*$/, message '请输入非零的负整数'}，
      { validator:(value, cb) => {
        if(value.length<10){
          cb('长度不能小于10')
        }else {
          cb();
        }
      }}
    ]
  },
  password: {
    placeholder: '密码',
    rules: [
      { required: true, message: '请输入密码' }
    ]
  }
})