图片模型
@Power.PhotoList()
使用较为广泛,可调用模型类别是 “图片” 的内容列表。
图片列表.cshtml
组件路径
/Views/_Common/Shared/图片列表.cshtml
组件参数
参数名 | 中文名 | 类型 | 控件类型 | 默认值 |
---|---|---|---|---|
TitleLength | 标题长度 | Int32 | Integer | 50 |
ImageWidth | 图片宽度 | Int32 | Integer | 320 |
ImageHeight | 图片高度 | Int32 | Integer | 240 |
ShowLinkTip | 是否显示链接提示 | Boolean | Boolean | True |
LinkBlankTarget | 是否新窗口打开 | Boolean | Boolean | False |
调用示例
- 代码:
<ul class="picList">
@Power.PhotoList("图片列表", new { Count = 6, Node = "xwtp", TitleLength = 90, ImageWidth = 320, ImageHeight = 240 })
</ul>
说明: 略
效果图:
图片标题列表.cshtml
组件路径
/Views/_Common/Shared/图片标题列表.cshtml
组件参数
参数名 | 中文名 | 类型 | 控件类型 | 默认值 |
---|---|---|---|---|
TitleLength | 标题长度 | Int32 | Integer | 50 |
ShowNumber | 是否显示序号 | Boolean | Boolean | False |
NumberFormat | 序号的数字格式 | String | Text | 00 |
ShowNode | 是否显示所属节点 | Boolean | Boolean | False |
NodePrefix | 所属节点前插入字符 | String | ComboBox | [ |
NodeSuffix | 所属节点后插入字符 | String | ComboBox | ] |
ShowDate | 是否显示发布时间 | Boolean | Boolean | True |
DateFormat | 发布时间日期格式 | String | ComboBox | yyyy-MM-dd |
ShowRelation | 是否显示相关内容 | Boolean | Boolean | False |
ShowHits | 是否显示点击数 | Boolean | Boolean | False |
HitsSuffix | 点击数后插入字符 | String | ComboBox | |
ShowLinkTip | 是否显示链接提示 | Boolean | Boolean | True |
LinkBlankTarget | 是否新窗口打开 | Boolean | Boolean | False |
调用示例
- 代码:
<ul class="infoList">
@Power.PhotoList("图片标题列表", new { Count = 7, Node = "tpxw", TitleLength = 54, DateFormat = "MM-dd" })
</ul>
说明: 略
效果图:
图片图文列表.cshtml
组件路径
/Views/_Common/Shared/图片图文列表.cshtml
组件参数
参数名 | 中文名 | 类型 | 控件类型 | 默认值 |
---|---|---|---|---|
TitleLength | 标题长度 | Int32 | Integer | 50 |
ContentLength | 内容长度 | Int32 | Integer | 200 |
DisplayNodeName | 显示节点名称 | Boolean | Boolean | False |
ImageWidth | 图片宽度 | Int32 | Integer | 200 |
ImageHeight | 图片高度 | Int32 | Integer | 150 |
DisplayDateTime | 显示日期格式 | String | ComboBox | |
LinkBlankTarget | 是否新窗口打开 | Boolean | Boolean | False |
IntroNewLine | 支持简介换行 | Boolean | Boolean | False |
调用示例
- 代码
<ul class="twList">
@Power.PhotoList("图片图文列表", new { Node = "tpxw", Count = 3, TitleLength = 100, DisplayDateTime = "yyyy-MM-dd", ImageWidth = 200, ImageHeight = 150 })
</ul>
说明: 略
效果图: