1.milo入口文件版本规范

[1]移动端统一引用:

<script src="//ossweb-img.qq.com/images/js/mobile_bundle/milo.js"></script>

 [2]PC端统一引用:

PC端页面如果有道聚城模块，则引用：

<script src="//ossweb-img.qq.com/images/js/milo/milo.js"></script>

PC端页面如果没有道聚城模块，引用：

<script src="//ossweb-img.qq.com/images/js/milo_bundle/milo.js"></script>

2.jquery，zepto引用规范

如果页面中有使用zepto,jquery，使用AMD方式加载Milo库中提供的统一版本：

<script>
need("util.jquery",function($){
	//这样引用jquery
})

need("util.zepto",function($){
	//这样引用zepto
})
</script>

如果要使用内联方式加载如上js，请加载如下版本：

jquery:

<script type="text/javascript" src="//ossweb-img.qq.com/images/js/milo_bundle/util/jquery.js"></script>

如果PC端有道聚城相关模块，请引用：

<script type="text/javascript" src="//ossweb-img.qq.com/images/js/milo/util/jquery.js"></script>

zepto:

<script type="text/javascript" src="//ossweb-img.qq.com/images/js/mobile_bundle/util/zepto.js"></script>

3.登录模块HTML规范

登录模块在页面上的基本展示如下:

 

相关的HTML推荐规范如下：

【PC端：】

 <!—未登录时展示: -->
 <div id="unlogin" class="login" style="display: block;">
		你好，请【<a id="btn_qqlogin" href="javascript:void(0)" title="QQ登录">QQ登录</a>】
	 【<a id="btn_wxlogin" href="javascript:void(0);" title="微信登陆">微信登陆</a>】
	 </div>
	 <!-- 登录时展示: -->
	<div id="logined" class="login" style="display: none; ">
		欢迎您，<span id="login_qq_span"></span> 
	 【<a id="btn_logout" href="javascript:void(0)" title="注销">注销</a>】
	</div>

 

注意："unlogin","logined","login_qq_span"这三个是默认值，不建议修改，如果需要修改，请记得在LoginManger组件中初始化修改配置信息。

【移动端】

<div id="ams_loginbar">
 <div id="unlogin">
 你好，请<a id="ptLoginBtn" href="javascript:;" style="cursor: pointer;">[QQ登录]</a>
 <a id="wxloginbtn" href="javascript:void(0);">[微信登录]</a>
 </div>
 <div id="logined" style="display: none;">
 <span>欢迎您，</span>
 <span id="userinfo">1079682165</span>
 【<a id="ptLogoutBtn" href="javascript:;" >注销</a>】
 </div>
</div>

 

注意：

"unlogin","logined","ptLoginBtn","wxloginbtn","userinfo","ptLogoutBtn"这6个div和按钮的id不建议修改，如果要修改，请在LoginManger组件中初始化修改配置信息。

4.弹框规范

弹框的话，样式，结构，重构同学自己决定，显示和隐藏的方法建议调用Milo的biz.dialog去操作。

<script>
need("biz.dialog",function(Dialog){
	Dialog.show({id:"xxx"});
	Dialog.hide();
})
</script>