首页 > 解决方案 > 带有扩展部分的侧边栏

问题描述

我是语义 UI(以及一般的 Web 开发)的新手,我希望实现这样的设计:

菜单样机

所以要清楚:带有图标的栏始终存在,图标的标签仅在鼠标悬停在某处的菜单栏上时出现;标签矩形悬停在网站内容上,它不会从上到下延伸。

谁能给我一个关于如何做到这一点的提示?

我猜菜单/图标栏可以是始终可见的侧边栏:

<div class="ui visible left thin sidebar borderless vertical icon menu">
  <a class="item">
    <i class="search icon"></i>
    // Would like label text here 
  </a>
  ..etc
</div>

但我没有看到任何可以帮助我处理标签/弹出窗口的东西,最好在同一个项目中定义该文本。

非常感谢任何帮助!

标签: semantic-ui

解决方案


与语义 UI 一样好,我们现在认为它不是适合我们的框架。我们正在构建一个技术应用程序,而不是一个普通的网站,这都是定制设计,我们会一直遇到这样的问题。@Michael:感谢您的回答!


推荐阅读