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索引值变成了对象
1 2 3 | 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则是点击遮罩层自动关闭弹框
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
2021-11-22 canvas 可视化操作-拖拽&缩放&移动