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则是点击遮罩层自动关闭弹框

 

 

 

 

posted @ 2023-11-22 09:49  紫诺花开  阅读(515)  评论(0编辑  收藏  举报