GraceUI 文章列表



文章列表

组件说明

01. 内部使用 gui-image 组件完美实现图片的兼容和加载效果；
02. 如果组件属性不能满足您的项目需求，请复制此组件命名为自己的组件进行改进；
03. 演示代码演示了最基础用法，更复杂的应用演示见左侧手册文章列表相关；

组件名称

gui-article-list : GraceUI/组件目录/gui-article-list.vue

兼容平台

H5	APP	小程序	NVUE
✔	✔	✔	✔

组件属性

属性名称	类型	默认值	作用
articles	Array	[]	文章列表数据，格式见 article.js, 如果您的 api 返回值格式与组件不一致，请转换对应的格式或者改造组件。
itemClass	Array	['gui-bg-white', 'gui-dark-bg-level-3']	文章标题样式
titleClass	Array	['gui-h6', 'gui-primary-text']	文章标题样式

演示代码

UNI 普通版本

NVUE 版本

登录并购买 GraceUI 后可以查阅完整手册内容。