摘要:需求一个下拉列表,有还有从设计拿来的向下的箭头。挤出文档流做法有点恶心,不考虑挡住的话,那就无法做到点击的时候出发的点击事件除非用所以,让变成透明。
需求
一个select下拉列表,有border, bg, 还有从设计拿来的向下的箭头。当点击的时候能有下拉列表。
大概UI如下
需要的dom有三个
div ----> 作用:定位置,设置背景样式,包括border
select ----> 作用:点击时,弹出的下拉选项
span -----> 作用:显示字
dom具体是:
相关文章
UI 积累之select section
摘要:需求一个下拉列表,有还有从设计拿来的向下的箭头。挤出文档流做法有点恶心,不考虑挡住的话,那就无法做到点击的时候出发的点击事件除非用所以,让变成透明。 需求 一个select下拉列表,有border, bg, 还有从设计拿来的向下的箭头。当点击的时候能有下拉列表。大概UI如下 showImg(https://segmentfault.com/img/bVYtOK?w=496&h=81);...
UI 积累之select section
摘要:需求一个下拉列表,有还有从设计拿来的向下的箭头。挤出文档流做法有点恶心,不考虑挡住的话,那就无法做到点击的时候出发的点击事件除非用所以,让变成透明。 需求 一个select下拉列表,有border, bg, 还有从设计拿来的向下的箭头。当点击的时候能有下拉列表。大概UI如下 showImg(https://segmentfault.com/img/bVYtOK?w=496&h=81);...
组件化思路:以selection为例子,使用prop-types实现组件化控制,重用
摘要:如何只开发一个组件就满足这个无理要求呢第一只老虎显示内容我们的是这样的具体实现,通过的倒是能很简单实现。怎么做呢,这就要引入一个包,叫了,定义属于这个组件的变量,然后将其运用到组件的每个的上。接下来以上述为例子。 需求 书接上文,UI 积累之select section 这里又来两个需求了。 当我点击选择了option后,我应该看到的是我选择的option的内容 多例重用,即同样是个...
组件化思路:以selection为例子,使用prop-types实现组件化控制,重用
摘要:如何只开发一个组件就满足这个无理要求呢第一只老虎显示内容我们的是这样的具体实现,通过的倒是能很简单实现。怎么做呢,这就要引入一个包,叫了,定义属于这个组件的变量,然后将其运用到组件的每个的上。接下来以上述为例子。 需求 书接上文,UI 积累之select section 这里又来两个需求了。 当我点击选择了option后,我应该看到的是我选择的option的内容 多例重用,即同样是个...
组件化思路:以selection为例子,使用prop-types实现组件化控制,重用
摘要:如何只开发一个组件就满足这个无理要求呢第一只老虎显示内容我们的是这样的具体实现,通过的倒是能很简单实现。怎么做呢,这就要引入一个包,叫了,定义属于这个组件的变量,然后将其运用到组件的每个的上。接下来以上述为例子。 需求 书接上文,UI 积累之select section 这里又来两个需求了。 当我点击选择了option后,我应该看到的是我选择的option的内容 多例重用,即同样是个...
发表评论
0条评论
阅读 2603·2021-09-26 10:19
阅读 2114·2021-09-24 10:27
阅读 2488·2021-09-01 10:42
阅读 2275·2019-08-29 16:09
阅读 2467·2019-08-29 15:17
阅读 1430·2019-08-29 15:09
阅读 607·2019-08-29 11:14
阅读 2280·2019-08-26 13:25