配置数据源

4.配置&预览组件 - 图1

  • 回到配置页面。
  • 由于是本地开发, 数据源类型请选择 静态数据。
  • 将下面的数据粘贴到数据源编辑器里。
  1.  {
  2.    "rows": [{
  3.      "content": "In locavore voluptate assumenda. Non raw denim sapiente aute small batch fap. Raw denim cliche lo-fi umami cray incididunt sunt before they sold out. Viral mollit flexitarian locavore, beard readymade eiusmod anim."
  4.    }, {
  5.      "content": "Lorem Ipsum has been the industry's standard dummy text eve. Lorem Ipsum has been the industry's standard dummy text eve. Lorem Ipsum has been the industry's standard dummy text eve. Lorem Ipsum has been the industry's standard dummy text eve"
  6.    }, {
  7.      "content": "Lorem Ipsum has been the industry's standard dummy text eve"
  8.    }]
  9.  }

  • 点击 保存数据源 按钮。

  • 点击 保存 按钮。

预览组件

  • 到配置页面, 点击 预览 按钮后可以看到的效果如下:4.配置&预览组件 - 图2

以列表的形式渲染数据, 当宽度不够时文字自动换行显示。

  • 到配置页面, 将 单行显示 复选框勾上, 然后点 保存 按钮, 然后再点 预览 按钮可以看到的效果如下:4.配置&预览组件 - 图3

以列表的形式渲染数据, 当宽度不够时超出部分会显示成省略号。