返回介绍

开发指南

组件

JS

模板

升级指南

发布于 2021-04-03 05:35:25 字数 4465 浏览 1029 评论 0 收藏 0

本专题不是每次更新版本的时候都会写入内容,只有某些需要特殊留意和处理的版本升级时,才会在这里写入相关的升级指导,如果您想看看uView近来 都有哪些升级记录,请移步:更新日志

1.5.8升级指导(2020-08-03)

由于1.5.6版本新增了this.$u.systhis.$u.os属性,因为属性是初始化时执行一次,导致获取首页和 内页通过this.$u.sys获取windowHeight高度可能不准确的问题,详见全局赋值设备信息的陷阱
因此,我们在1.5.8版本中,将二者修改为方法的形式,简而言之,是需要后面加上括号,修改后为如下用法:

console.log(this.$u.sys()) 

console.log(this.$u.os()) 

这意味着,如果您使用了this.$u.systhis.$u.os必须要将其修改为this.$u.sys()this.$u.os()才行。

1.5.4升级指导(2020-07-21)

重要说明

本次升级主要针对支付宝小程序,需要项目开启支付宝小程序的component2模式(默认关闭),做法:
在项目根目录manifest.json中新增mp-alipay属性节点,设置component2值为true

......
"mp-alipay" : {
	"component2": true
},
......
  • 本次升级主要针对支付宝小程序的兼容,uView目前已全面实现对支付宝小程序的兼容,前提是需要开启支付宝特有的component2模式,才能实现一些新特性和支持。
  • 本次升级中,由于table表格组件的单元格合并模式兼容性不好,且实现方式较为复杂,不利于该组件日后的升级和扩展,故在1.5.4版本废弃了table的单元格合并模式, 如果您没有使用table的单元格合并模式,则无需理会,如果使用了可以按如下方法处理:
  1. 拷贝一份uView原来的table组件,单独引入:到/uview-ui/components中把u-tableu-thu-tru-td拷贝到其他目录,另起别名使用
  2. 稍微修改组件用法,使用正常的table写法,放弃单元格合并模式


1.2.8升级指导(2020-05-22)

本次升级,对Waterfall瀑布流组件进行升级,新增了可以清空和移除瀑布流列表数据的组件内部方法,需要通过ref调用,因为组件内部无法直接修改父组件的数据, 所以需要您手动将原来的flow-list参数改为v-model双向绑定父组件的数据,内部才可以修改父组件的瀑布流数组数据。



1.1.9升级指导(2020-05-06)

本次升级,对swipeAction组件进行了修改,可以配置多个按钮,原本通过btn-textbtn-bg-color配置按钮的文字和背景颜色,本次升级,加入options 参数(数组),可以配置多个按钮,详见SwipeAction 滑动操作的基本说明,另外,点击的回调事件中,返回了两个 参数,一个为Props传递的index参数,另一个options按钮参数的索引。



1.1.7升级指导(2020-05-05)

本次升级,迎来了uView的一个跨越发展,uView正式支持npm方式安装,借助此方式,您不用每次都下载覆盖升级,仅执行npm update uview-ui即可, 由于uView在npm的包名为uview-ui,引入时需写上import uView from "uview-ui",旧版中下载方式安装时uView的文件夹为uview,为了规范和统一, 在此1.1.7版本后,uView将以前根目录的uview文件夹,改名为uview-ui,其他保持不变。

对此您有两个选择:

  1. uView下载解压后得到uview-ui文件夹,您可以将其改名为uview,从而覆盖原有的同名库(如果这不是您第一次下载的话),这样您无需在pages.jsonmain.jsuni.scssApp.vue做出路径名称的变更(但是我们不推荐这样做)
  2. 如果您是在进行下载方式的升级,删掉(或备份)原来的uview文件夹,将uview-ui文件夹放到根目录,然后根据下载安装方式配置说明对pages.jsonmain.jsuni.scssApp.vue做出细微修改。(推荐此方式,一劳永逸)


1.1.4升级指导(2020-04-29)

由于本次更新,加入基础类内置样式,需要作出一些调整(修改两行代码),原因如下:

  1. 内置样式如果放在uni.scss文件中,在微信小程序上,由于编译机制的问题,会同时被打包 到全局样式文件和单独的每个页面样式文件中,可能造成分包、整包变大而无法预览或者发布。故uView对此样式进行了分拆,将基础样式类放到uView库的index.scss中,由于目前uni-app的V3版本不支持在main.js中引入, 故需要在App.vue中引入,不会导致被打包到每个单独的页面样式文件中。
  2. 由于uni-app的机制,对于SCSS的变量,只能在uni.scss中引入才生效,故uView将主题样式变量相关的部分,放到了uView库的theme.scss文件中。

具体操作如下:

  • App.vue首行的位置,增加如下一行import "@/uview-ui/index.scss"

注意:

  1. 必须要将标签加入lang="scss"属性以支持SCSS,否则会出错!
  2. 请将将引入的代码,写在style标签的首行。
<style lang="scss">
	/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
	@import "@/uview-ui/index.scss";
	
	/* ......其他的样式 */
</style>
  • 在项目根目录的uni.scss中,删除原来的@import '@/uview-ui/theme.scss';一行,改成如下:
// 删除原来的这一行
// @import '@/uview-ui/index.scss';

// 加入这一行
@import '@/uview-ui/theme.scss';

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文