Previous topicNext topic
WebBuilderX > 子页面组件元素 > 表格类元素 > 列关联 >
让详情页内容更加丰富

在之前的示例中,详情页做的非常简单,因为当时的学习重点是如何创建常规容器,以及常规容器的作用是什么。如下图,详情页就是这个“容器3”,它里面只有一个“个人简介”的文字段落:

为制作出内容更加丰富的详情页,这里又新插入了标题和图片两个组件。如下图所示:

其中,标题组件的配置参数如下图,请注意这里的标题内容写法:

引用图片组件的配置参数如下图。由于该组件默认读取的图片路径是images,而表格里的图片在使用图片管理器上传时,保存的路径是upload/atta,所以这里给图片加上了路径:

这样的详情页在重新生成代码之后,页面中的展示效果如下图,视觉感受上是不是上了一个台阶?