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); /* 标准的语法 */

VUE提示Gradient has outdated direction syntax相关推荐

解决“Gradient has outdated direction syntax. New syntax is like `to left` instead of `right`.“警告
css的一个bug,在vue渲染界面的时候出现: 提示渐变的语法过时了,改为新语法即可,如下: left 改为 to right right 改为 to left top 改为 to bottom b ...
Gradient has outdated direction syntax. New syntax is like `to left` instead of `right`
这是CSS的一个报错提示! 由于css渐变属性的语法过旧引发的报错,改成新语法就不报错了哦~ div{background-image: linear-gradient(top,#fff,#000); ...
26个节省时间的Vue提示
26个节省时间的Vue提示我们都讨厌浪费时间. 编写Vue应用程序时,如果从一开始就可以用正确的方式做事,我们就会浪费时间来做错误的事情. 但是很难知道我们应该学习什么. 因此,我整理了这26篇文章 ...
(vue)提示Tooltip/el-popover在下拉选框option中用法及样式修改
(vue)提示Tooltip/el-popover在下拉选框option中用法及样式修改 iview效果 Eleement-ui效果代码 <Optionv-for="(item, i ...
ubuntu下安装vue-cli后输入vue提示无法找到vue命令解决办法
在学习完Vue官网的文档后,准备使用vue-cli来做一个实战,npm install vue-cli -g安装后Terminal输入vue却提示无法找到命令解决方法建立软链接 $ sudo ln ...
【异常】前端Babel提示 Support for the experimental syntax ‘jsx‘ isn‘t currently enabled
一.报错内容 17:33:41 - Building for production... 17:34:13 ERROR Failed to compile with 5 errors5:34:09 P ...
Vue提示warn：”[vue-router] Named Route ‘home’ has a default child route…”
在Vue的项目中使用了Vue-Router,当某个路由有子级路由时,如下写法: export default new Router({routes: [{path: '/',name: 'home', ...
vue提示音_vue中使用audio标签进行消息提示
本文实现的功能是:有新的消息更新时,页面会播放提示音,提示的声音会播放15秒,然后停止播放,如果在停止播放之前又有新的消息进来,则会重新计时15秒. 首先,添加audio标签,引入资源文件. 在aud ...
Vue提示“[vue-router] Named Route ‘Home‘ has a default child route. When navigating to this named rout“
这个是提示不是错误这个会出现的原因就是因为如下: const router = new Router({routes: [{path: '/',name: 'HelloWorld',componen ...
webpack打包vue提示错误：(node:20752) UnhandledPromiseRejectionWarning: Error: Cyclic dependency
错误提示: (node:22248) UnhandledPromiseRejectionWarning: Error: Cyclic dependency 错误:循环依赖 webpack4打包vu ...

VUE提示Gradient has outdated direction syntax

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

VUE提示Gradient has outdated direction syntax相关推荐

最新文章

热门文章