新建布局

Kooboo 布局是一个母板页。 它包含一些HTML/CSS代码, 以及一个或是多个占位区。 占位区可以用于插入其他组件。 

要创建新的布局

导航到 "开发" -- "布局"

点击 "新建" 按钮创建一个新的布局

新建默认带有一个示例模板。 布局有两种编辑状态, 预览与源代码。 初始状态是预览。

转成占位区

创建布局最重要的工作是把一个HTML区块转成占位区, 占位区可以用来插入新的模块。这个可以在预览状态下通过"转成占位区"按钮来实现或是在源代码状态下手工添加HTML 标签属性。 

预览模式 

鼠标移动到预览的元素上面会高亮该元素, 点击元素会选中元素,选中的元素用红色边框包着。 选中元素时会打开右边的编辑器。  

点击右边编辑器的 "转成占位区" 按钮将选中区块转成占位区。 插入或是附加占位区会在选中元素的上方或是下方插入一个占位区。 

源代码模式

点击界面下方的 "源代码" 按钮切换到源代码状态。 

在源代码状态下, 你可以使用HTML标签属性 k-placeholder来标记一个占位区。 你也可以使用标准的Kooboo语法或是kScript。

例如:

<html> 
<head></head>
<body>
    <view id="viewtwo"></view>
    <div k-placeholder="main_content">
        <p> Sample text inside the layout placeholder </p>
    </div>
</body> 
</html>