VUE提示Gradient has outdated direction syntax

早上起来的时候启动项目,发现昨晚没有问题的项目今天突然出现了四个警告,而且警告是一模一样的
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); /* 标准的语法 */
      

你可能感兴趣的:(经验随笔)