Components guide

iPortal Components library contains the following components:

Banner(IptlBanner)

IptlBanner has a background image and supports setting the title, subtitle, button, and the hyper link on the background image.

Attribute	Type	Default Value	Description
styleType	String	normal	[Optional] CSS type for different terminal devices. Optional values: normal /phone. normal is for the PCs/Tablets, phone is for mobile devices.
imgUrl	String	-	[Required] The banner image visit address.
title	String	-	[Optional] The main title text.
titlecolor	String	#ffffff	[Optional] The main title text color.
subTitle	String	-	[Optional] The subtitle text.
subTitleColor	String	#ffffff	[Optional] The subtitle color.
button	String	-	[Optional] The text on the button.
buttonColor	String	#ffffff	[Optional] The color of the button.
buttonHref	String	-	[Optional] The hyper link of the button.

EditHome is the component for the home visual customization, which implements a complete home page visual customization system.

Name	Description
updateRegularContent	The regular content update callback function triggered when regular content changes.
updateLanguage	The language update callback function triggered when clicking the language switch button.

IptlFooter is the footer component for displaying the website's copyright information.

Name	Description
languageChange	The language update callback function triggered when clicking the language switch button.

IptlLoading is used for displaying the loading state.

Attribute	Type	Default Value	Description
spinning	Boolean	-	[Required] Whether the Loading is loading.
tip	String	-	[Optional] The description content of the Loading.
background	String	-	[Optional] Background color.
indicator	vNode \| slot	-	[Optional] Vue node of the Loading indicator.

IptlNews is the news list component, displaying the news in list form.

Attribute	Type	Default Value	Description
styleType	String	normal	[Optional] CSS type for different terminal devices. Optional values: normal /phone. normal is for the PCs/Tablets, phone is for mobile devices.
newsList	Array	-	[Optional] News array.
title	String	-	[Optional] The title of the News component.
moreText	String	-	[Optional] The text on the right side button of the News component.
moreLink	String	-	[Optional] The link of the right side button of the News component.
height	String \| Number	432	[Optional] The height of the News component.

IptlNoticeBoard displays announcements in rolling form.

Attribute	Type	Default Value	Description
noticeArray	Array	-	[Optional] The notice array.

IptlResourceCard is used for displaying the latest/hottest resources.

Attribute	Type	Default Value	Description
styleType	String	normal	[Optional] CSS type for different terminal devices. Optional values: normal /phone. normal is for the PCs/Tablets, phone is for mobile devices.
title	String	-	[Optional] The title of the ResourceCard component.
tabs	Array	-	[Required] All the Tabs of the ResourceCard component.
activeTab	String	-	[Optional] The current selected Tab item.
contentData	Array	-	[Required] The content array of the corresponding activeTab.

Name	Description
tabClickCallBack	Triggered when switching to a different Tab item.

IptlShortCutLinks is the short cut link component.

Attribute	Type	Default Value	Description
styleType	String	normal	[Optional] CSS type for different terminal devices. Optional values: normal /phone. normal is for the PCs/Tablets, phone is for mobile devices.
title	String	-	[Required] The title of the shortcut link.
icon	String	-	[Optional] The image path of icon.
text	String	-	[Optional] The description of the shortcut link.
href	String	-	[Optional] The link address.

TDTFooter is the tianditu style footer.

Attribute	Type	Default Value	Description
param	Object	-	[Required] The contents of the TDTFooter.

The parameters of the param are as follows:

Attribute	Type	Description
imgUrl	String	The image path of the footer image.
relationList	Array	The array of other related information of the website.
copyrightList	Array	The array of copyright information.

The element of the relationList consists of the following attributes:

Attribute	Type	Description
text	String	The text of related information.
href	String	The link address of the website related information.
show	Boolean	Whether to display.

The element of the copyrightList array consists of the following attributes:

Attribute	Type	Description
text	String	The text of the copyright information.
href	String	The link address of copyright information.