竹子建站
建站入门知识!组件的添加和基本设置项解析
2020-07-10 15:38:17

在上一篇教程中,我们讲到了竹子建站系统中关于板块添加和使用的相关知识,而今天我们就可以更进一步,看看网站内容的真正承载者——组件,是如何使用的。

如果把网站比作一本书,那么我们可以把网站的一个页面理解成一页纸,而板块就是一页纸上的一个段落,而组件则是构成实际内容的文字。

我们竹子建站的系统里有27个组件,我们可以用组件在网站上面添加修改各种内容,文本、图片、导航、按钮、表单……

具体各个组件的教程在此就不再赘述,今天我们要讲的是组件的一些通用特点,了解这些知识可以帮助我们加快网站搭建的效率。

当我们在编辑器用鼠标滑过一个组件时,系统会自己判断当前鼠标所处的组件并给出灰线进行标识。

比如在上图中,红色箭头所指的灰色线框就是一个提示,这里的灰色线框所里就是一个文本组件占据的位置。

当我们将鼠标移到下面的灰色线框中时,我们会看到一个蓝色的加号,再点击我们就可以在当前组件下面添加一个新的组件了。

在添加一个组件时我们可以看到组件有四种分类:常用组件、应用组件、容器组件、复制组件。

常用组件:顾名思义,就是系统中最常用的一些组件,所以可以用来呈现内容的组件都在这个分类里面,也是最常用的一个分类。

应用组件:应用组件是使用在应用市场里面的一个组件,在搭建正常单页面时使用不到,本身使用频率也较少,我们下次再做详细说明。

容器组件:容器组件是我们排版中经常用到的一个组件,可以把网页的横向空间分割成几块,我们会在下一篇教程中对这方面的排版功能进行说明。

复制组件:所有的组件都有复制功能,我们可以把一个组件复制以后粘贴到其他位置去,而这里的复制组件分类就包含了所有已经复制过的组件。

点击一个组件,我们就可以看到会出现一个黑色的编辑栏,这里有5个设置项分别为:

设置:可以对组件进行一些非样式的设置,一般包括动画、交互、代码……

样式:样式即对组件外形的设置,所有的组件外观设置,包括颜色、间距、背景、字体设置……

数据:可以在这里进行数据绑定,绑定数据以后当前组件就会显示绑定的数据源的内容

复制:点击复制按钮就可以对组件进行复制,复制以后就可以在新增组件时找到这个被复制的组件进行粘贴。

删除:可以对组件进行删除。

而像是图文组件这类一个组件中有多个小分块内容的组件,我们可以通过点击其中的某个小分块,就可以看到右上角会出现一个白底的设置栏,这里就可以针对单个小分块的内容进行设置了。

以上就是本次小教程的全部内容了,下周会有一篇关于页面排版的基本教程,各位朋友不要错过哦,我们下周再见吧!