📜  语义 UI 步骤类型

📅  最后修改于: 2022-05-13 01:56:16.139000             🧑  作者: Mango

语义 UI 步骤类型

Semantic UI 是一个现代框架,用于为网站开发无缝设计,它为用户提供了轻量级的组件体验。它使用预定义的 CSS 和 jQuery 来整合不同的框架。

Semantic-UI Step 为我们提供了一种单一类型的步骤,即一个步骤。在本文中,我们将了解这些步骤。

语义 UI 步骤类型:

  • 步骤:这用于创建步骤,通过使用多个步骤,我们可以创建步骤,我们需要在父元素中添加步骤。

句法:

...

下面的示例说明了语义 UI 步骤类型:

示例 1:在本文中,我们将创建单步。

HTML



    Semantic-UI Step Ordered Group
    


    
        

Geeksforgeeks

                     Semantic-UI Step Types                  

    
    
        
                         
            
Delivered
            
                Hope you like your Purchase             
            
        
    


HTML



    Semantic-UI Step Ordered Group
    


    
        

Geeksforgeeks

                     Semantic-UI Step Types                  

    
    
        
                         
            
Shipping
            
                Select your Address             
            
        
        
                         
            
Billing
            
                Select your way to pay             
            
        
        
            
            
Delivered
            
                Check you package             
            
        
    


输出:

语义 UI 步骤类型

语义 UI 步骤类型

示例 2:在此示例中,我们将使用多个步骤创建步骤。

HTML




    Semantic-UI Step Ordered Group
    


    
        

Geeksforgeeks

                     Semantic-UI Step Types                  

    
    
        
                         
            
Shipping
            
                Select your Address             
            
        
        
                         
            
Billing
            
                Select your way to pay             
            
        
        
            
            
Delivered
            
                Check you package             
            
        
    

输出:

语义 UI 步骤类型

语义 UI 步骤类型

参考: https ://semantic-ui.com/elements/step.html#step