美文网首页
2020-07-03 一些ui组件原理

2020-07-03 一些ui组件原理

作者: 江江江123 | 来源:发表于2020-07-07 00:21 被阅读0次

    card

    1.<div></div> 添加高度 组成一列多个矩形条
    2.对div添加内边距,圆角使得连续得矩形条变成有间隔的圆角矩形列
    3.添加阴影,使得圆角矩形呈现立体感

    带提示信息的input

    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