应用页面的更多自定义使用方法

2024-06-17 15:03:59

我们在日常应用中，可能会遇到稍微复杂的列表或详情布局样式的情况，我们就需要使用到一些其他组件来配合做布局及内容展示。比如需要做出以下样式：
列表中包含标题、标签、行业、套餐、周期、介绍、按钮、图片。

这种我们就需要使用到循环组件来完成我们样式上的自定义和内容数据的绑定。

在编辑网站页面内容的时候，我们需要坚持一个做法：需要显示什么内容，就添加什么组件。

需要显示视频，就加视频组件；需要按钮，就加按钮组件；需要图片就加图片组件。

当前样式区别于默认模板样式，多出了一些内容显示：标签、周期、套餐、按钮等。所以我们在开始做之前，需要将模板中没有的这些字段，都加上。

添加字段操作如下：

第一步：展开站点管理，进入应用管理；

第二步：选择对应应用，进入数据表管理；

第三步：点击字段管理，新增字段；

第四步：设置字段名称及字段类型；

内容字段添加完成之后，我们就需要去设计页面中内容的布局排版样式了。

示例中，我们可以对这个显示布局做分析，分为了左右两块内容，右侧是多个文本、按钮、标签内容，右边是图片内容。所以我们只需要在页面中添加内容的时候，按照这个布局去添加组件即可。

需要做出视频中示例样式，具体操作方式如下：

第一步：将当前内容框架定性：添加循环组件，设置排列方式，一行一个；

第二步：将内容左右分栏：在循环组件中，添加容器组件，两栏容器；

第三步：容器组件中添加内容组件。左侧容器添加多个文本组件、标签组件、按钮组件；右侧容器中添加图片组件。

第三步：给循环组件绑定应用数据

第四步：给内容组件（按钮、文本、图片）绑定循环数据。

操作视频：

最后，在循环组件【样式】中，开启轮播效果即可完成。

暂无数据

常见问题