Memo history
Recently I want to repeat it and build an ERP system. As a front-end blind, the choice of front-end frameworks is the biggest headache.
Current ***Bootstrap* ** And ***Font-Awesome* ** The combination is undoubtedly very attractive. After loading N + background framework templates from the Internet and debugging them intermittently for one month, the final result is always a nondescribable one, but you still have to give up.
So I think of easyui again. I saw the official website updated to 1.4, and there was a bootstrap theme. OK, use it.
When building the framework, we can see that the easyui icon is still PNG. Can we directly use the font-awesome icon instead of our own?
I tried to replace the PNG Image first. The effect is not good.
So I want to use the easyui mechanism to combine the CSS of font-awesome with easyui.
First look at the figure:
Obviously, the font-awesome icons are compatible with easyui icons.
Let's take a look at a native example on the official website:
<!DOCTYPE html>
The specific transformation steps are as follows:
Download font-Awesome, reference on web page, address: http://fortawesome.github.io
Define a class for adaptation. The content is:. E-Icon {padding-top: 3px ;}to solve the icon position shift problem (it may need to be used)
Take edit as an example. Change iconcls: 'icon-edit' to iconcls: 'e-Icon Fa-edit'
Re-display the interface to see the effect.
Combination of font-awesome and easyui
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
