马上开始. 它是免费的哦
注册 使用您的电邮地址
Widget 作者: Mind Map: Widget

1. UI/UX

2. CSS CLASS NAME

2.1. .widget-container The div containing the chatbox of the default version

2.2. .full-screen div of the fullscreen chatbox (using fullScreenMode prop)

2.3. .conversation-container The parent div containing the header, message-container and sender

2.4. .messages-container the central area where the messages appear

2.5. .sender Client message

2.6. .header div of the top area with the chatbox header

2.7. .close-button the close icon of the header

2.8. .message the boxes holding the messages of client and consultant

3. 1.Methods

3.1. initPayload

3.2. openLauncherImage

3.3. closeImage

3.4. fullScreenMode

3.5. displayUnreadCount

3.6. customMessageDelay

3.7. tooltipPayload

3.8. tooltipDelay

3.9. profileAvatar

3.10. ConsultantOnlineStatus

3.11. toggleChat

3.12. openChat

3.13. closeChat

3.14. showChat

3.15. hideChat

3.16. isOpen

3.17. isVisible

3.18. launcerColor

3.19. autofocus

3.20. autoScrollBottom

4. Components

4.1. Conversation

4.1.1. Components

4.1.1.1. Messages

4.1.1.1.1. Client

4.1.1.1.2. Consultant

4.1.1.2. SenderForm

4.1.1.2.1. sendMessage: Function

4.1.1.2.2. disabledTextarea: bool

4.1.1.2.3. TextareatFieldText: string

4.1.1.3. Header

4.1.1.3.1. showCloseButton:bool

4.1.1.3.2. toggleChat: Function

4.1.1.4. Form

4.1.1.4.1. ImputPhone

4.1.1.4.2. not needed

4.1.1.4.3. ImputCity

4.1.1.4.4. Submit button

4.2. Launcher

4.2.1. Components

4.2.1.1. Badge

4.2.1.1.1. number

4.2.2. badge

4.2.3. fullScreenMode

4.2.4. openLauncherImage

4.2.5. closeImage

4.2.6. unreadCount

4.2.7. displayUnreadCount

4.2.8. tooltipMessage

4.2.9. toggle

4.2.10. isChatOpen