图标未显示vue js

Question

我正在使用element UI，而我正在使用组件daterangepicker

这是我的文件

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI)

我的日期范围选择器看起来像这样

我不知道为什么图标没有显示，我已经导入了css文件

Answer 1

在您的scss文件中，执行以下操作：

/* just in case, you like to change theme color */
$--color-primary: blue;

/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";