Milo库使用说明

使用场景：PC和移动端
milo 是一款前端JS库，包含了双端登录、弹出层、TAB切换等常用组件。

[warning] 注意

• PC端、移动端都推荐引用bundle版本的milo库；
• milo库按需加载依赖时，统一不要带"-min",例如加载登录：need("biz.login",function(LoginManager){});

PC端Milo

适用于游戏业务PC端官网

组件CDN

<!-- bundle版本【默认选择】 -->
<script src="//ossweb-img.qq.com/images/js/milo_bundle/milo.js"></script>
<!-- 原始版本 -->
<script src="//ossweb-img.qq.com/images/js/milo/milo.js"></script>

[warning] 注意

• 原始版本和bundle版本的milo的js都是charset=gbk的，如果使用原始版本，页面请用gbk方式，或者使用gbk加载方式加载js，如果使用bundle版本，可以忽略(因为bundle版本是压缩版本，没有中文)。
• 页面中需要引用jquery.js的，请使用need("util.jquery",function($){...})的方式，如果行不通。请在加载milo.js之前，手动加载Milo目录中的jquery：

<!-- milo_bundle版本使用 jquery -->
<script src="//ossweb-img.qq.com/images/js/milo_bundle/util/jquery.js"></script>

<!-- milo版本使用的jquery -->
<script src="//ossweb-img.qq.com/images/js/milo/util/jquery.js"></script>

PC端其他说明：

• 如果PC端页面有道聚城相关模块，则引用原始版本；

<!-- 原始版本 -->
<script src="//ossweb-img.qq.com/images/js/milo/milo.js"></script>

移动端Milo

组件CDN

<!-- bundle版本 【默认选择】 -->
<script src="//ossweb-img.qq.com/images/js/mobile_bundle/milo.js"></script>

[warning] 注意

• bundle版本是为了防冲突的版本，可以解决与TGMobileShare组件的冲突问题；
• 页面中有使用zepto组件，请使用need("util.zepto",function($){...})的方式，如果行不通，请在加载milo.js之前，手动加载Milo目录中的zepto：

常用milo组件使用介绍

登录

基于milo的PC端、移动端登录：点击查看

弹出层

弹出层：点击查看

Tab切换

Tab切换：点击查看