javascript - 图标不显示 vue js

Question

我正在使用元素 UI，我正在使用组件 daterangepicker

这是我的文件

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

Vue.use(ElementUI)

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

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

标签： javascriptvue.jsvuejs2element-ui

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";