📜  语义 UI 提要内容附加信息

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

语义 UI 提要内容附加信息

Semantic UI 开源框架提供图标或字形,用于显示与某些元素相关的图片,使用 CSS 和 jQuery,用于创建出色的用户界面。它是一个用于创建漂亮和响应式布局的开发框架。

Semantic-UI Feed 用于按时间顺序显示更新。用户对他的社交媒体或博客的提要或更新以标准的顺序方式呈现。内容、日期,如按钮和链接,可以放置在 Feed 中,包括图像。

Semantic-UI Feed Additional Information Content 用于显示任何额外的文本或图像以及 Feed 中的事件。附加信息较少突出显示,因此应放在下方且不加粗或强调。

Semantic-UI Feed Content 附加信息类:

  • 额外文本:用于将额外消息或聊天文本显示为附加内容。
  • extra images :用于将图像显示为附加内容。

语法:在内容 div 元素中,添加其他内容元素,如文本或图像,作为具有上述类的div 元素

...
...
...

示例:在以下示例中,我们有两个带有附加内容的事件。

HTML


  

    
    
    
  

  

    
        

          GeeksforGeeks         

          Semantic-UI Feed Content Additional Information               
    
    Extra Text Content:     
        
            
                
                    3 days ago                 
                
                    Your post was liked.                 
                
                    Your post is reaching new heights                 
            
        
        
        
        Extra Images Content:         
          
            3 days ago           
          
             Geeksforgeeks added 1 photo           
          
                                       
        
    


输出:

语义 UI 提要内容附加信息

语义 UI 提要内容附加信息

参考: https://legacy.semantic-ui.com/views/feed.html