Smsot前端页面结构

Smsot每个页面都采用如下结构,结构不可修改,否则将导致前端JSAPI异常
<?exit?>
<!--{template header}-->
<div id="[c3]view[/c3]">
<div id="header">
[c2]//当前页面页头代码[/c2]
<div class="header b_c1 flexbox c3">
<div class="header-l">{eval back('[c1]close[/c1]')}</div>
<div class="header-m flex">$navtitle</div>
<div class="header-r"><a href="javascript:[c1]SMS.openside()[/c1]" class="icon icon-openside"></a></div>
</div>
</div>
<div id="[c3]main[/c3]">
<div class="[c3]smsbody[/c3] body_t [c1]$outback[/c1]" [c1]nocache="true"[/c1]>
[c2] //代码页面的正文部分代码写在此处[/c2]
</div>
</div>
<div id="[c3]footer[/c3]">
[c2]//当前页面的页尾代码写在此处[/c2]
</div>
</div>
<div id="[c3]smsscript[/c3]">
[c2]//这里是当前页面的JS代码模块[/c2]
</div>
<!--{template footer}-->

容器说明


1、view是整个页面的容器
2、header是头部容器
3、main是主体容器,main下面的smsbody是每个页面的容器(每打开一个页面会创建一个页面容器,但是header、main、footer只有一个)
4、footer是底部容器
5、smsscript是当前页面JS代码的容器
6、页面容器的class名称不可修改

Body样式


1、body_t:padding: 50px 0 0 0;
2、body_0:padding: 0;
3、body_b:padding: 0 0 50px 0;
4、不添加:padding: 50px 0 53px 0;

标注说明


1、back()函数的参数有close和back两种,其中close是X号,back是返回
2、SMS.openside()的功能是打开侧边栏
3、nocache="true"表示当前页面不进行前端缓存,删除此代码则本页面会进行前端页面缓存
4、$outback变量通过后台PHP端的$_S['outback']来定义,当设置$_S['outback']=true;的时候,当用户打开侧边栏,会修改侧边栏退出按钮的链接地址为“member.php?mod=out&closepage=true”,以便用户退出登录之后能够关闭上一级页面。

页面JS代码的写法


直接写JS代码
<script language="javascript" [c1]reload="1"[/c1] [c1]id=""[/c1]>
[c2]//JS代码[/c2]
</script>

引用JS文件
<script language="javascript" src="" [c1] id=""[/c1]></script>
1、若是有添加reload="1"表示本代码每次加载本页面都会重新执行一次
2、给JS代码模块添加id="xx" 若当前js被加载过并且没有设置reload="1"则本js代码不会再加载