前端接入

对接方式

1. 对接学加家方式为使用iframe或者Vue+ElementUI。
2. 导航栏通过蓝鲸平台配置动态下发。

UI规范

1. 去掉头部和左边导航栏，使用学加家容器。
2. 系统主题色、按钮、背景色和学加家容器保持一致，目前的主题色和文字颜色如下：

   // theme color
   $theme-blue: #008CFF;
   $theme-shadow-blue: #139AFF;
   $theme-dark-blue: #005EFE;
   $theme-green: #03C78C;
   $theme-yellow: #FFBE2D;
   $theme-pink: #FF2660;
   $theme-gem-blue: #00BCD4;
   $theme-purple-blue: #3F51B5;
   
   // font color
   $font-black: #333333;
   $font-dark-grey: #666666;
   $font-grey: #999999;
   

3. 页面涉及的组件可以参考ElementUI的样式。

示例dome：

1. demo地址：http://git.imzhiliao.com/projects/XJJOP/repos/eduplus_demo
2. git clone之后，进入eduplus_demo，npm install安装依赖包，npm run dev运行demo。
3. 通过点击页面的登录按钮，调用登录接口（zl_api/uc/user/saasLogin），获取到用户token，保存到sessionStorage中的sass_token。
4. 调用获取导航栏下发接口（bluewhale/rest/permission/queryMenu）。
5. 目前demo只有tab标签的第一个可使用，里面包括：开发规范的定义、获取列表数据的一个demo、iframe接入辰知示例。

使用Vue+ElementUL时的代码规范

1. views文件夹：存放单页应用
2. assets文件夹：存放静态资源以及字体图标库
3. common文件夹：公共逻辑
4. components：业务公共组件
5. http：封装的http请求相关内容
6. router：路由配置
7. styles：存放公共样式，其中包括网站主题色以及常用字体颜色的变量声明文件；重写ElementUI样式的文件

注意：第三方应用的所有文件命名都需要增加前缀，例如cz-**