KM盒子APP制作软件

如何自定义主内页模版?

时间:2017-01-10 16:25 点击:

KM盒子自定义内页模版,主要通过查找附加资源文件夹下的page\page.html文件,通过模版标签进行输出内容。

操作步骤:

1、新建一个文件夹,再新建一个html文件,保存路径为html\page\page.html

2page.html的代码示例如下:

<!doctype html>
<html>
<head>
<meta name="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=1.0;"/>
<meta charset="utf-8">
<title>{title}</title>
<link href="../css/mobile.css" rel="stylesheet" />
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/mobile.js"></script>
</head>
<body>
<div data-role="header">
  <a data-rel="back" data-icon="back">返回</a><h1>{title}</h1><a href="../../index.html" data-role="button" data-icon="home" rel="external">首页</a>
</div>
<div data-role="content">
  {body}
    <div data-role="controlgroup" data-type="horizontal" style="float:right; padding-right:25px">
    <a href="../../index.html" rel="external" data-role="button" data-icon="home">目录</a>
    <a href="{previous}" rel="external" data-role="button">上一篇</a>
    <a href="{next}" rel="external" data-role="button">下一篇</a>
    </div>
  <div>
  </div>
  <div data-role="footer">
    <h1><a href="{crurl}">{copyright}</a></h1>
  </div>
</div>
</body>
</html>


这里主要使用{title}标签调用标题,{body}调用文章内容,{previous}{next}调用上一篇和下一篇链接路径。

3、在KM盒子—软件设置附加资源文件 处选择我们内页模版html文件夹的存放路径。

这样,保存生成时,软件就会自动使用html\page\page.html文件做为内页的模版输出内容。


我要纠错