iview更换主题颜色及遇到的问题

最新推荐文章于 2022-05-07 14:14:44 发布

Call_me_small_pure

最新推荐文章于 2022-05-07 14:14:44 发布

阅读量1.4k

点赞数

分类专栏： iview 文章标签： iview主题颜色 iview更换主题颜色出错 .beaierEasingMixin()

路漫漫其修远兮，吾将上下而求索～

本文链接：https://blog.youkuaiyun.com/Call_me_small_pure/article/details/103404420

版权

iview 专栏收录该内容

3 篇文章

订阅专栏

新建一个less文件，并引入index.less文件，然后定义需要的主题颜色

@import '../../node_modules/view-design/src/styles/index.less';
@primary-color: #8c0776;

在main.js内引入该less文件即可

---------------------------------可能遇到的问题------------------------------------------

// https://github.com/ant-design/ant-motion/issues/44
.bezierEasingMixin();
^
Inline JavaScript is not enabled. Is it set in your options?
      in D:\word\beidiao_admin\node_modules\view-design\src\styles\color\bezierEasing.less

解决方案

在less-loader/dist/index.js文件中新增一行代码options.javascriptEnabled = true;

function lessLoader(source) {
  const loaderContext = this;
  const options = (0, _getOptions.default)(loaderContext);
  
  options.javascriptEnabled = true;  //新增代码块
  
  const done = loaderContext.async();
  const isSync = typeof done !== 'function';

  if (isSync) {
    throw new Error('Synchronous compilation is not supported anymore. See https://github.com/webpack-contrib/less-loader/issues/84');
  }

  (0, _processResult.default)(loaderContext, render(source, options));
}