Salesforce中lightning 组件如何使用

Salesforce中lightning 组件如何使用，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

1. 可折叠容器

• 效果图: : 可折叠容器

2.lightning:card ：卡牌装容器，用于展示一组信息

lightning:layout/lightning:layoutItem : Grid容器

lightning:tab/lightning:tabset : Tab标签

lightning:tile : 瓷砖模型,用于展示一条记录的相关信息

按钮组件

lightning:button: 普通按钮

lightning:buttonIcon:只有一个html icon的按钮

lightning:buttonGroup：一组按钮

lightning:buttonMenu/lightning:menuItem: 一个drop-down 列表展示action

导航组件

lightning:breadcrumb/lightning:breadcrumbs: 展示当前操作记录的层级导航

lightning:tree： 树形结构

lightning:verticalNavigation： 垂直排列的链接列表

可视化组件

lightning:avatar: 对象的可视化表示 （一个图像）

lightning:badge：包含少量信息的文本块标签

lightning:datatable： 显示table布局

lightning:dynamicIcon： 动画效果icon

lightning:helptext： hover后提示信息效果

lightning:icon： 显示一个图标

lightning:pill： 展示一个显示X号的内容，可以显示或者不显示

lightning:progressBar： 展示一项操作的进程条

lightning:progressIndicator：进程指示器，显示进程线

lightning:spinner: 显示Loading图形

字段组件

lightning:checkboxGroup ：复选框

lightning:combobox ：提供一个用户输入的并且可以autocomplete的控件

lightning:dualListbox ： 两个list间移动option。类似multi picklist效果

lightning:fileUpload ： 提供上传文件的框

lightning:fileCard ： 展示一系列的上传的文件

lightning:input ： 默认展示输入框，根据type不同展示不同效果。

lightning:radioGroup：展示一组单选按钮

lightning:select：展示一个包含多个option的菜单

lightning:slider : 展示一个可以滑动效果指定范围的输入框

lightning:inputRichText： 富文本编辑器

lightning:textArea： textArea

格式化组件

以下标签都是只读的

lightning:formattedDateTime ：格式化 data & time

lightning:formattedEmail ：格式化 email

lightning:formattedLocation ：使用经纬度格式化Location

lightning:formattedNumber ：格式化数字

lightning:formattedPhone：格式化电话号码

lightning:formattedRichText：格式化富文本区域

lightning:formattedText：格式化字符串

lightning:formattedUrl：格式化URL

看完上述内容，你们掌握Salesforce中lightning 组件如何使用的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注行业资讯频道，感谢各位的阅读！