Overview

The notice bar is used for notification on the current page, which is a striking way of notification on the page.

Type

Notice bar can be divided into three categories: status notice bar, promptnotice bar, and warning notice bar.

Usage

Position
The notice bar, with a lower level than that of the global search bar, appears fixedly below the navigation bar and sticks toit. When the global search box appears, the notice bar appears below the global search bar. When the notice bar appears, other content on the page needs to move down.
Module combination
On the right side of the notice bar, you can add text operation buttons or close buttons as needed. When a single text is too long, it can display no more than two lines.Multiple texts can be displayed by turn.
Detailed description
No operation notification bar: The size of the content icon is 2020pt, and the spacing from the left of the screen is 16pt. The font size is 14pt with spacingof 8pt from the icon.And the content area is 24pt from the right of the screen.
Including operation notice bar: The operation button on the right is 16
16pt in size, from which the spacing to the left text is 12pt, and the spacing to the right side of the screen is 16pt.

通告栏.png