uView1.0和2.0版本的差异性
uView2.0与uView1.x之间,有着非常大的差异,由于2.0是重构版,所以1.x不能直接升级到2.x版本。
2.0版本优化了一些组件的使用,对加强了form表单的校验。
提供了通用性的customStyle参数,可以方便设置一些基础样式等等。
1.0没有DatetimePicker 选择器组件
2.0在升级的同时去掉了常用的u-dropdown下拉菜单组件和tabsSwiper 全屏选项卡......
2.0和1.0的区别:
Swiper 轮播图
2.0新增了indicator,用来展示显示面板指示器,和指示器的颜色
Input 输入框
2.0 支持u-input和u--input两种写法
是否显示border边框,1.0是布尔值,2.0则是字符串,增加了bottom底部边框
Navbar 自定义导航栏
样式
导航背景颜色1.0中background,而且是个对象形式;2.0换成了bgColor,字符串形式
返回方法
1.0 中custom-back可以自定义返回方法,传入函数
2.0改成了autoBack,是否自动返回上一页(布尔值)
Tabs 标签
1.0的滑块颜色active-color,2.0变成了lineColor; 宽度长度也由bar-width/bar-height变成了lineWidth/lineHeight
2.0中点击标签触发的事件由change变成了click,而change事件则是标签索引改变时才触发
点击事件也从获取的index索引值变成了对象
tabsChange(index) { this.current = index.index; }
Checkbox 复选框
1.0,v-model,双向绑定某一个checkbox值,如果将该变量设置为true,将会被选中。而2.0绑定的值变成了数组类型。
u-modal 模态框
1.0绑定对的打开弹框是v-model形式,2.0是通过show绑定布尔值来控制显示与否
2.0新增了close,点击遮罩层进行关闭弹框,之前1.0则是点击遮罩层自动关闭弹框