VUE提示Gradient has outdated direction syntax

最新推荐文章于 2023-02-06 15:59:22 发布

萧离x1aolone

最新推荐文章于 2023-02-06 15:59:22 发布

阅读量1.6k

点赞数

分类专栏：经验随笔文章标签： VUE 前端

本文链接：https://blog.csdn.net/weixin_43905219/article/details/98460852

版权

经验随笔专栏收录该内容

5 篇文章 1 订阅

订阅专栏

早上起来的时候启动项目，发现昨晚没有问题的项目今天突然出现了四个警告，而且警告是一模一样的
Gradient has outdated direction syntax. New syntax is like to left instead of right.
经过排查以及资料搜索，发现是因为渐变的写法变了
旧代码是

 background: -webkit-linear-gradient(left,$gradients-color-lightblue, $gradients-color-deepblue); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(left,$gradients-color-lightblue, $gradients-color-deepblue); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(left,$gradients-color-lightblue, $gradients-color-deepblue); /* Firefox 3.6 - 15 */
background: linear-gradient(left,$gradients-color-lightblue, $gradients-color-deepblue); /* 标准的语法 */

原来的left是作为起点，也就是from left to right的意思，但是现在语法好像变成了to right，把上面的left全部改为to right以后警告不再出现

下面就是没有警告的代码，区别仅在于渐变方向的写法不同

 background: -webkit-linear-gradient(to right,$gradients-color-lightblue, $gradients-color-deepblue); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(to right,$gradients-color-lightblue, $gradients-color-deepblue); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(to right,$gradients-color-lightblue, $gradients-color-deepblue); /* Firefox 3.6 - 15 */
background: linear-gradient(to right,$gradients-color-lightblue, $gradients-color-deepblue); /* 标准的语法 */