Vue的element ui的icon 不出来(显示的都是方块)是什么原因导致的

image.png

package.json里面 element的版本是最新的

mian.js里面

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

image.png

浏览器控制台

image.png

在页面的使用

<template>
    <div class="block">
        <span class="demonstration">默认</span>
        <el-date-picker v-model="value1" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
        </el-date-picker>
    </div>
    <div class="block">
        <span class="demonstration">带快捷选项</span>
        <el-date-picker v-model="value2" type="datetimerange" :picker-options="pickerOptions" range-separator="至"
         start-placeholder="开始日期" end-placeholder="结束日期" align="right">
        </el-date-picker>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                pickerOptions: {
                    shortcuts: [{
                        text: '最近一周',
                        onClick(picker) {
                            const end = new Date();
                            const start = new Date();
                            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
                            picker.$emit('pick', [start, end]);
                        }
                    },
                    }]
                },
                value1: [new Date(2000, 10, 10, 10, 10), new Date(2000, 10, 11, 10, 10)],
                value2: ''
            };
        }
    };
</script>

页面元素里面看,没有全局的字体顶替了element的字体

image.png

所有的图标都不显示,这可能是什么原因导致的呢?

阅读 251
评论
    2 个回答
    linong
    • 14.6k

    network 里面没有字体资源是吧。 那看看 icon 的 css 有问题吗。

    因为本来就是以来字体文件去实现的功能

    评论 赞赏
      fsme
      • 651

      字体资源损坏了

      评论 赞赏
        撰写回答

        登录后参与交流、获取后续更新提醒