回到所有的课程
课程库

号码字段概述

Number字段是一个集合字段,当输入是一个数字值时使用。

这个视频展示了一个旧的用户界面。更新版本即将到来!
克隆这个项目

Number字段为a集合当输入是数值时使用的字段。您可以在您的收藏列表或在收藏页面.还可以使用数字字段对集合列表进行筛选或排序,或对集合列表和页面中的元素设置条件可见性。

共同使用
  • 评级
  • 排名
  • 自定义排序顺序
  • 定价
  • 人口
在本课中
  1. 创建数字字段
  2. 向数字字段添加内容
  3. 将数字字段连接到文本
  4. 使用数字字段对集合列表排序
  5. 使用数字字段筛选集合列表
  6. 使用数字字段设置条件可见性

创建数字字段

数字字段可以添加到新的或现有的集合。在“收集设置”中,单击新领域然后选择数量字段。

在保存数字字段之前,可以为该字段指定一个标签。您还可以添加一个帮助文本,该文本将出现在标签下方,以指导协作者。你可以为数字字段设置的其他选项有:

  • 设置此字段允许的最小值和/或最大值
  • 指定数字的格式,是否为整数(1),一个小数(1.0),或can have任何格式
  • 允许或不允许负数

与任何字段一样,您可以指定该字段是否是必需的。

向数字字段添加内容

number字段将只接受数值。如果在创建字段时设置了任何限制,则您和协作者将无法输入不符合这些标准的数字。只需在CMS中选择一个Collection项,并在字段中添加一个数字。

将数字字段连接到文本

number字段可以连接到任何文本元素,以便用来自Collection项的数字数据动态填充Collection列表和页面。

  1. 在集合列表或集合页中添加文本元素
  2. 检查获取来自中的复选框内部文本设置出现
  3. 将其连接到相关的数字字段字段下拉
  4. 可选:指定十进制数的格式

您也可以通过选择文本元素并单击画布上元素标签旁边的设置图标或转到设置面板(D)来访问内部文本设置。

可以通过取消选中“从“复选框下内部文本设置。

使用数字字段对集合列表排序

可以以多种方式使用数字对集合项进行排序。一个例子是通过首先显示评分最高的项目来对评分项目进行排序。

  1. 选择要筛选的集合列表
  2. 设置面板(D)
  3. 添加一个排序顺序收藏列表设置
  4. 在第一个下拉框中选择您的数字字段
  5. 在第二个下拉列表中选择排序顺序:从最小到最大,或从最大到最小
  6. 点击保存

使用数字字段筛选集合列表

如果您只想在Collection列表中显示评分为4或更高的项目,则可以使用筛选器。使用数字字段过滤收集列表:

  1. 选择要筛选的集合列表
  2. 设置面板(D)
  3. 添加一个过滤器收藏列表设置
  4. 在第一个下拉框中选择相关的数字字段
  5. 在第二个字段中选择下列任意规则:等于、不等于、大于、小于、介于
  6. 如果需要,请指定值
  7. 点击保存

可以用于number字段和值的筛选规则是:

  • =-查找数字值等于为此规则指定的值的集合项
  • 不相等-查找具有不等于为此规则指定的值的数字值的集合项
  • 大于-查找数字值大于为此规则指定的值的集合项
  • 小于-查找数字值小于为此规则指定的值的集合项
  • 之间的是-查找数字值介于为此规则指定的两个值之间的集合项
  • 设置-查找设置了number值的Collection项
  • 没有设置-查找没有设置编号值的集合项

了解关于过滤器的更多信息

使用数字字段设置条件可见性

可以对连接到数字字段或其他元素的文本使用条件可见性。这里有一个例子:

为每个评分值显示不同的图形

假设您想要使用星星显示评级。条件可见性允许您为每个评级值显示不同的图像。因此,您将添加5张图像,每张图像显示不同的评分值。在这个例子中,我们用的是星号。例如,显示5颗星的图像,评分为5:

  1. 选择5星图像
  2. 设置面板(D)
  3. 添加一个条件(当该元素可见时)
  4. 选择“评级”数字字段在第一个下拉列表中
  5. 选择是相等的在第二个下拉列表中
  6. 输入5在第三个领域
  7. 点击保存

对每个Rating值重复如下操作:

尝试Webflow-是免费的
Baidu
map