您的位置:首页 > 产品设计 > UI/UE

mui list (列表) ipnut (表单)

2017-10-13 10:55 316 查看
list(列表)

<ul
class="mui-table-view">
    <li class="mui-table-view-cell">
        <a class="mui-navigate-right">Item
1</a>
    </li>
    <li class="mui-table-view-cell">Item
2
        <span
class="mui-badge mui-badge-primary">12</span>
    </li>
    <li class="mui-table-view-cell">Item
3</li>
</ul>
 

2.5 ipnut (表单)

1)密码输入框,后面有个小眼睛

2)输入框后面可以设置一个清除的按钮

2.6 number box(数字输入框)

<div class="mui-numbox" data-numbox-step='10' data-numbox-min='0' data-numbox-max='100'>
  <button class="mui-btn
mui-numbox-btn-minus" type="button">-</button>
  <input class="mui-numbox-input" type="number" />
  <button class="mui-btn
mui-numbox-btn-plus" type="button">+</button></div>
 

(1) 我们可以获取到输入框的最大值,最小值,设置修改的步长

(2) 我们可以获取到输入框的值有方法提供

(3)
我们可以提供js设置输入框的值mui有方法提供

(4)
我们可以提供设置js设置输入框的步长,mui有方法提供

了解:组件化开发在前端还是后端(java)都在提倡

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  列表 表单
相关文章推荐