card
1.<div></div> 添加高度 组成一列多个矩形条
2.对div添加内边距,圆角使得连续得矩形条变成有间隔的圆角矩形列
3.添加阴影,使得圆角矩形呈现立体感
带提示信息的input
1.在input下添加 <ul> 默认隐藏
2.循环添加<li>预储信息,点击li触发方法将li的内容写入input
3.用户点击input触发ul显示 ,onblur触发隐藏, 为防止onblur与li点击事件冲突,可在onblur添加延迟
1.<div></div> 添加高度 组成一列多个矩形条
2.对div添加内边距,圆角使得连续得矩形条变成有间隔的圆角矩形列
3.添加阴影,使得圆角矩形呈现立体感
1.在input下添加 <ul> 默认隐藏
2.循环添加<li>预储信息,点击li触发方法将li的内容写入input
3.用户点击input触发ul显示 ,onblur触发隐藏, 为防止onblur与li点击事件冲突,可在onblur添加延迟
本文标题:2020-07-03 一些ui组件原理
本文链接:https://www.haomeiwen.com/subject/ytasqktx.html
网友评论