Objective

All front-end plugins that involve the content below need to open relevant style configuration options.

Effect

General Configuration

1. Select the default displayed page.
2. Background color and opacity.
3. Background image and opacity.
4. Button position (left, center, right) (Buttons should be uniformly placed at the top; design should only allow selection among left, center, and right at the top).
5. Chinese font.
6. Western font.
7. Font size.

Menu Configuration

1. Menu font size.
2. Menu default font color and opacity.
3. Menu selected font color and opacity.
4. Menu width.

Table Configuration

1. Header font size.
2. Table alignment.
3. Header background color and opacity.
4. Header background image and transparency.
5. Zebra striping for odd row colors and opacities (odd rows start counting from the first row of data).
6. Zebra striping for even row colors and opacities (even rows start counting from the second row of data).
7. Whether the table is enabled with borders.
8. Row height for the table.
9. Pagination information position (left, center, right) (Pagination information should be uniformly placed below the table; design should only allow selection among left, center, and right at the bottom).

❗️All tables have unified configurations/Each table can be configured based on business needs.

Button Configuration

1. Button width.
2. Button height.
3. Button background color and opacity.
4. Button background image and opacity.
5. Button border radius.
6. Button font size.
7. Button font color and opacity.

❗️All buttons have unified configurations/Each button can be configured based on business needs.

Dialog Configuration

1. Dialog background color and opacity.
2. Dialog background image and opacity.
3. Dialog border color and opacity.
4. Dialog border width.
5. Button alignment in the dialog (Buttons should be uniformly placed at the bottom of the dialog; design should only allow selection among left, center, and right at the bottom).

❗️All dialogs have unified configurations/Each dialog can be configured based on business needs. ❗️It is not supported to set the width and height of the dialog; it is fixed according to the content of the dialog and the design draft.