项目之前开始之前端页面静态页面编写的时候没有mui插件,引用mui样式会修改了原来的样式,为了减小工作量,最后对需要的地方引用了mui, mui css样式引用局部需要的部分
一 、带清除按钮的输入框
页面加入js <script type="text/javascipt" src="js/mui.min.js><script>
输入框 html 代码:
![](https://img.haomeiwen.com/i1067960/b32979d99d7d33f3.png)
![](https://img.haomeiwen.com/i1067960/6bad8f1de9f9f19d.png)
清除按钮换成UI设计的图标 改变样式.
![](https://img.haomeiwen.com/i1067960/1d15bf81f1c20816.png)
注意 由于此输入框采用 ng 绑定 通过原生js或者jquery 清除页面的值不能改变其中model中的值
所以加入 jschange
![](https://img.haomeiwen.com/i1067960/bbe9a7c2e850111e.png)
二 picker 使用
![](https://img.haomeiwen.com/i1067960/799b6c7a41f5d563.png)
引入
![](https://img.haomeiwen.com/i1067960/bb2b7b9df7855ac7.png)
![](https://img.haomeiwen.com/i1067960/c212b6cf2a40fd10.png)
![](https://img.haomeiwen.com/i1067960/c7d1cae98fc78097.png)
![](https://img.haomeiwen.com/i1067960/c21d0d9bf11c978f.png)
![](https://img.haomeiwen.com/i1067960/767828eb74d4b7e5.png)
网友评论