0框架前端
子燕若水
子燕若水
展开
-
0框架前端-如何写垂侧边栏(Vertical Tabs)
垂直Tabs主要用于单页应用展示不同子主题。要实现上图的效果,代码设计构思如下:左边tabs明显是一组垂直布局的buttons,可以用div或a实现每个button,外边套一个 flex div实现buttons的垂直布局;右边看上去是一个Paris content(div实现),实际上是三个content,另两个London content和Tokyo content只是在当前的状态下被隐藏了;点击左边三个按钮所关联的事件正是对右边content的显示或隐藏。...原创 2021-12-20 17:28:14 · 447 阅读 · 0 评论 -
div内文本(text)居中对齐
.drop_list_item { height: 24px; line-height: 24px; width: 80px; background-color: aliceblue; cursor: pointer; text-align: center; }注: height , line-hei...原创 2021-12-11 10:12:01 · 1660 阅读 · 0 评论 -
0框架前端-如何写一个下拉菜单(Dropdowns)
实现效果:可以发现这个待实现效果,是我们之前实现的button下面加了一个button list而已,点击上面的Click Me按钮,这个button list要toggleable显示和隐藏。之后再通过一个div wrap这两个组件为一个组件即可。button list 可以是一组竖着的<div> list ,也可以是一组竖着的<a>。简单起见,我们选<a> list用<div> 来包住,display选flex以方便布局。.原创 2021-12-09 12:26:38 · 781 阅读 · 1 评论 -
0框架前端-如何写一个按钮(button)
0框架前端的理念:杜绝前端复杂化,回归html,js,css这三个前端的本源.原创 2021-12-09 10:35:47 · 3020 阅读 · 0 评论