Element: [Bug Report] Icons don't work

Created on 15 Aug 2017  ·  10Comments  ·  Source: ElemeFE/element

Element UI version

1.4.2

OS/Browsers version

Windows 10, Chrome Version 60.0.3112.101

Vue version

2.4.2

Reproduction Link

https://jsfiddle.net/api/post/library/pure/

Steps to reproduce

Create some icon or button with icon

What is Expected?

Expected to show icon

What is actually happening?

Instead of icon it shows cube

Most helpful comment

What it means? I didn't get.
I'm creating icons like that - <i class="el-icon-edit"></i>
Or buttons with icon like that - <el-button type="primary" icon="search">Search</el-button>
this is even on home page of this component - http://element.eleme.io/#/en-US/component/icon
but it doesn't work at all, it doesn't work since yesterday

All 10 comments

Hi, your JSFiddle page is blank because it seems you forgot to click the Save button. Please save your fiddle and then edit this issue with the new link.

Done

icon is name class : class="name icon"

What it means? I didn't get.
I'm creating icons like that - <i class="el-icon-edit"></i>
Or buttons with icon like that - <el-button type="primary" icon="search">Search</el-button>
this is even on home page of this component - http://element.eleme.io/#/en-US/component/icon
but it doesn't work at all, it doesn't work since yesterday

Just assign the class name to el-icon-iconName.
it is class name in css with font-icon in css file.

like that?
<i class="el-icon-edit"></i>
if not can you provide an example please?

it have. https://jsfiddle.net not found by "f12" not load file css in server.
uri : @import url("//unpkg.com/[email protected]/lib/theme-default/index.css"); not load.

@Leopoldthecoder your can help me. how to using event change in el-select.

@Leopoldthecoder it helps, thank you very much

Was this page helpful?
0 / 5 - 0 ratings