文章模型

@Power.ArticleList() 是用于渲染文章类内容的动态列表组件，支持通过数据参数筛选内容，并通过显示参数自定义前端展示样式。适用于新闻列表、聚合页等场景。

文章标题列表.cshtml

组件路径

/Views/_Common/Shared/文章标题列表.cshtml

数据参数

显示参数

调用示例

• 代码：

<ul class="infoList">
    @Power.ArticleList("文章标题列表", new {
        Count = 7, // 数量 7
        Node = "xwdt", // 节点标识符 xwdt
        TitleLength = 54, // 标题长度
        DateFormat = "MM-dd"
    })
</ul>

• 说明： 用数量 7，节点标识符 xwdt ，标题长度 54字符，发布时间日期格式 月-日的文章标题列表效果。

• 效果图：

文章头条列表.cshtml

组件路径

/Views/_Common/Shared/文章头条列表.cshtml

数据参数

显示参数

调用示例

• 代码：

<ul class="topicList topicHasPic">
    @Power.ArticleList("文章头条列表", new {
        Count = 7, // 调用数量
        Node = "jyky", // 调用的节点标识符
        TitleLength = 66, // 非头条文章的标题字数
        TopicNum = 1, // 头条文章数量
        TopicTitleLength = 70, // 头条文章的标题字数
        TopicContentLength = 126, // 头条文章的简介字数
        TopicDisplayPic = true, // 头条文章显示图片
        DisplayDateTime = "yyyy-MM-dd",
        ImageWidth = 150,
        ImageHeight = 100
    })
</ul>

• 说明： 从标识符为 jyky 的节点获取7篇文章（1篇头条+6篇普通），头条文章显示封面图（150x100像素）、标题截断至70字符并附加126字符的简介，普通文章标题截断至66字符，日期格式化为 yyyy-MM-dd。通过参数组合实现内容分层展示，适用于首页焦点区与常规信息流结合的场景。

• 效果图：

文章图文列表.cshtml

组件路径

/Views/_Common/Shared/文章图文列表.cshtml

数据参数

显示参数

调用示例

• 代码：

<ul class="pageTPList">
    @Power.ArticleList("文章图文列表", new {
        Node = "xwdt",
        Count = 10,
        DisplayNodeName = true,
        TitleLength = 200,
        ContentLength = 256,
        DisplayDateTime = "发表时间：yyyy-MM-dd",
        ImageWidth = 180,
        ImageHeight = 110
    })
</ul>

• 说明： 从标识符为 xwdt 的节点（如"新闻动态"）获取10条数据，每项显示节点名称（默认格式 [节点名]）、标题截断至200字符、正文摘要截取256字符，日期格式化为带前缀的 发表时间：2025-02-21，封面图按180x110像素固定尺寸渲染。此配置专为 文章-列表页-图文式.cshtml 模板设计，结合 通用分页 组件可实现数据分页加载，适用于需同时展示图文、长标题及详细摘要的内容聚合场景（如新闻中心、政策解读页）。

• 效果图：

文章图文列表-先图后文.cshtml

组件路径

/Views/_Common/Shared/文章图文列表-先图后文.cshtml

数据参数

显示参数

调用示例

• 代码：

<ul class="pageTPList">
    @Power.ArticleList("文章图文列表-先图后文", new { Count = 5, Node = "xwdt", TitleLength = 200, ContentLength = 200, ImageWidth = 180, ImageHeight = 110 })
</ul>

• 说明： 调用文章模型组件生成"先图后文"布局的图文列表，从标识符为xwdt的节点中筛选5条内容，配置参数包括：标题和内容均截断至200字符（自动添加省略号）、封面图片固定为180×110像素（强制等比例缩放）， 适用于需要图文混排且图片优先展示的新闻动态类页面布局。

• 效果图：

文章图片列表.cshtml

组件路径

/Views/_Common/Shared/文章图片列表.cshtml

数据参数

显示参数

显示参数

调用示例

• 代码：

<ul class="picList">
    @Power.ArticleList("文章图片列表", new { Count = 4, Node = "jyxw", Illustrated = true, TitleLength = 38, ImageWidth = 285, ImageHeight = 180 })
</ul>

• 说明： 调用文章模型组件生成"文章图片列表"布局，从标识符为jyxw的节点中筛选4条带封面图的内容，配置参数包括：标题截断至38字符（自动添加省略号）、封面图片固定尺寸为285×180像素（强制等比例缩放）、通过Illustrated = true过滤仅显示含封面图的内容、生成的图片列表自带picList样式类，适用于新闻聚合页中需要突出显示封面图的图文混排区块（如教学新闻的焦点图展示）。

• 效果图：

文章焦点图.cshtml

组件路径

/Views/_Common/Shared/文章焦点图.cshtml

组件参数

调用示例

• 代码：

<div id="focusNews" class="focusBox">
    @Power.Partial("文章焦点图", new { Count = 5, NodeIdentifier = "xwdt", TitleLength = 60, PicTitle = false, ImageWidth = 403, ImageHeight = 260 })
</div>
<script>
    $("#focusNews").slide({ mainCell: ".bd ul", effect: "leftLoop", autoPlay: true, vis: "auto", interTime: 3500 });
</script>

• **说明： 该代码调用公共组件生成"文章焦点图"布局，从标识符为xwdt的节点中筛选5条内容，配置参数包括：标题截断至60字符（自动添加省略号）、禁用图片标题切换功能（PicTitle=false）、封面图固定尺寸为403×260像素（强制等比例缩放）、通过jQuery轮播插件实现自动播放效果（3.5秒间隔），适用于新闻频道页顶部的焦点图轮播展示场景，需配合focusBox样式容器使用。

• 效果图：

领导图文列表.cshtml

组件路径

/Views/_Common/Shared/领导图文列表.cshtml

数据参数

显示参数

调用示例

• 代码：

<ul class="leaderList">
    @Power.ArticleList("领导图文列表", new { Node = "ldzc", Count = 3, ShowPic = true, ImageWidth = 150, ImageHeight = 200, ContentLength = 320, ExtendField = true })
</ul>

• 说明： 该代码调用文章模型组件生成"领导图文列表"布局，从标识符为ldzc的节点中筛选3条图文内容，关键配置包括：显示封面图片（尺寸固定为150×200像素）、正文摘要截断至320字符（自动去除HTML标签）、启用扩展字段数据加载（ExtendField=true）、通过leaderList样式类实现领导信息特有的图文混排效果，适用于领导班子介绍、领导动态等需要突出人物形象与详细简介的官方页面场景。

• 效果图：