组件指南

发送反馈

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 版权信息链接地址。