iPortal Components 组件库中提供了如下组件：

横幅(IptlBanner)

IptlBanner 为横幅组件，主体为一张背景图，支持设置背景图上的标题、副标题、按钮及超链接。

属性说明

属性	类型	默认值	说明
styleType	String	normal	【可选参数】区分不同终端设备下的 css 样式。可选值为 normal /phone，normal 为 PC/平板环境，phone 为手机环境。
imgUrl	String	-	【必填参数】横幅图片的路径。
title	String	-	【可选参数】主标题文字。
titlecolor	String	#ffffff	【可选参数】主标题字体颜色。
subTitle	String	-	【可选参数】副标题文字。
subTitleColor	String	#ffffff	【可选参数】副标题颜色。
button	String	-	【可选参数】按钮文字。
buttonColor	String	#ffffff	【可选参数】按钮颜色。
buttonHref	String	-	【可选参数】点击按钮的超链接。

 

可视化定制系统(EditHome)

EditHome 为首页可视化定制组件，实现了一个完整的首页可视化定制系统。

事件说明

名称	说明
updateRegularContent	更新常规内容回调函数，修改常规内容后触发。
updateLanguage	语言切换回调函数，点击切换语言按钮时触发。

 

页脚(IptlFooter)

IptlFooter 为页脚组件，用于显示版权信息。

事件说明

名称	说明
languageChange	语言切换回调函数，点击切换语言按钮时触发。

 

加载中(IptlLoading)

IptlLoading 组件为加载组件，用于表示加载状态。

属性说明

属性	类型	默认值	说明
spinning	Boolean	-	【必填参数】是否为加载中状态。
tip	String	-	【可选参数】描述文本。
background	String	-	【可选参数】背景颜色。
indicator	vNode | slot	-	【可选参数】加载指示符。

新闻列表(IptlNews)

IptlNews 组件为新闻列表组件，以列表形式展示新闻。

属性说明

属性	类型	默认值	说明
styleType	String	normal	【可选参数】区分不同终端设备下的 css 样式。可选值为 normal /phone，normal 为 PC/平板环境，phone 为手机环境。
newsList	Array	-	【可选参数】新闻数组。
title	String	-	【可选参数】新闻组件标题。
moreText	String	-	【可选参数】新闻组件右侧按钮文字。
moreLink	String	-	【可选参数】新闻组件右侧按钮超链接。
height	String | Number	432	【可选参数】新闻组件高度。

公告栏轮播(IptlNoticeBoard)

IptlNoticeBoard 为公告栏轮播组件，以滚动形式展示公告。

属性说明

属性	类型	默认值	说明
noticeArray	Array	-	【可选参数】公告数组。

资源卡片(IptlResourceCard)

IptlResourceCard 为资源卡片组件，用于展示最新/最热的资源。

属性说明

属性	类型	默认值	说明
styleType	String	normal	【可选参数】区分不同终端设备下的 css 样式。可选值为 normal /phone，normal 为 PC/平板环境，phone 为手机环境。
title	String	-	【可选参数】资源卡片组件标题。
tabs	Array	-	【必填参数】所有 Tab 项。
activeTab	String	-	【可选参数】当前选中 Tab 项。
contentData	Array	-	【必填参数】资源的数组。

事件说明

名称	说明
tabClickCallBack	列表切换事件，切换不同 Tab 项时触发。

快捷链接(IptlShortCutLinks)

IptlShortCutLinks 为快捷链接组件。

属性说明

属性	类型	默认值	说明
styleType	String	normal	【可选参数】区分不同终端设备下的 css 样式。可选值为 normal /phone，normal 为 PC/平板环境，phone 为手机环境。
title	String	-	【必填参数】标题文字。
icon	String	-	【可选参数】图标的图片路径。
text	String	-	【可选参数】描述文字。
href	String	-	【可选参数】超链接地址。

 

天地图页脚(TDTFooter)

TDTFooter 为天地图风格的页脚。

属性说明

属性	类型	默认值	说明
param	Object	-	【必填参数】TDTFooter的内容。

 param 的参数如下：

属性	类型	说明
imgUrl	String	页脚图片路径。
relationList	Array	关联信息数组。
copyrightList	Array	版权信息数组。

relationList 数组中，单个对象由以下属性构成：

属性	类型	说明
text	String	关联信息文本。
href	String	关联信息链接地址。
show	Boolean	是否显示。

copyrightList 数组中，单个对象由以下属性构成：

属性	类型	说明
text	String	版权信息文本。
href	String	版权信息链接地址。