[Introduction] The fast navigation component is a series of multiple navigation pages with the same page nature. There is no hierarchical relationship between the navigation, which is convenient for users to quickly jump between multiple pages.
[Application scenario] Generally added to the footer, left column, right column and other areas of the website, it supports horizontal shortcut navigation and vertical shortcut navigation, and selects the appropriate style according to the actual application scenario. The setting items of the quick navigation component support single or batch addition of in-site pages, external links, page anchors, product classifications, article classifications, and other types of pages as navigation. You can drag to adjust the order of navigation. The website navigation component style supports the selection of multiple horizontal navigation styles and vertical navigation styles.
\"Quick Links\" in the footer of this case is done using the quick navigation component;
, There is a content in the footer location that is done using the quick navigation component, as shown in the following figure:
1. Add components
Step 1: Find the entry for adding components. Put the mouse on the area where you want to add quick navigation, a small water drop (that is, add component button) appears, click on the small water drop, and a pop-up box \"Add component\" will pop up;
Step 2: Add \"Quick Navigation\" component. In the basic components, find \"Quick Navigation\" component, click \"Quick Navigation\", the \"Set Quick Navigation\" window pops up;
2. Set the components
In the pop-up settings quick navigation window, you can set the content and style; content:
If necessary, you can enter the component title, if you do not enter, the component title will not be displayed. Click the \"Batch Add Navigation\" button, and a \"Add Navigation Content\" window will pop up. In this window, you can select the site pages, external links, page anchors, product categories, and article categories as the content to display on the navigation.
After adding the content to be displayed in this component, you can click each navigation to modify the navigation name, or you can delete this navigation. You can also put the mouse on a certain navigation, click and drag the mouse to the position to be placed. style:
Click \"Style\" to switch to the style tab, here you can choose the style of navigation display, there are horizontal display style and vertical display style, you can choose according to your needs.
3. Edit style
Put the mouse on the navigation content area of the website, the component name \"Quick Navigation\" appears in the upper left corner of the component, put the mouse on these four words, a row of small buttons appears on the right, click the second button, the edit style, The \"Style Editor\" window pops up.
In the style editor, you can set the global, title bar, and content area of this component separately, as shown in the following figure:
Component global-component size: You can set the height of the component. Generally, the adaptive height is used. If the fixed height may cause the module to be blocked and left blank in different terminals, please use this function with caution (mobile phone The module is blocked or left blank on the terminal or PAD side, please first check whether it is caused by setting the height);
Component global-component background: You can add a color background or a picture background to this component, or you can choose the tile mode, tile position, and background size of the background picture. Different choices can have different display effects. You can click to try separately Oh.
Component global-component border: Here you can set the color and style of the component border (solid line, dashed line, double solid line, point), the thickness of the border, and the rounded corners of the border.
Component Global-Component Margin: Here you can set the inner and outer margins of the component. How to define the inner and outer margins, please see the following figure (introduced by the article classification component):
Components-Title Bar Settings: You can set the title bar separately, you can choose to show or hide the title bar, you can set the height, background, text, border, and margin of the title bar. As shown in the following figure (take the article classification component as an example):
Component-content area settings: you can add a color background or image background to the component content area, you can set the font/size/spacing/line height/alignment/font style of the non-linked text or linked text in the content area, you can set the content The border of the area and the margin of the content area (take the article classification component as an example).
4. Copy components
The components in the header or footer area are common to every page, so if you copy the website navigation component, the copied component will be displayed below the current component, you can drag to adjust the position or continue to modify the component! The copied component and the original component are two independent individuals, one of them is modified, the other is not affected;
5. Delete the component
6. Recovery components