preface
To poke fun at element-Plus these days, you go in and look at the document every day and it’s a new look, a new way of referring to it. I’ve been working on a few small projects lately, and each time I have to spend a lot of time on the Element-Plus configuration or theme color switch.
Property document Style
First of all, COMPARED to Element-UI, I think the document of Element-Plus is really not as beautiful as that of Element-UI. There are zebra stripes spaced in the property document of Element-Plus. Although it can be understood that zebra stripes can improve reading sensation, But when a large section of the document is gray, it still feels incongruous with the overall blue-and-white style. I personally think it would look a lot better if the grey was lighter.
The element-plus property document style
Element-ui property document style
Scroll bar style
The scroll bar to the right of the official document, which is styled in Chrome’s Elementary-UI, is slender and elegant and blends well with the overall style, while Elementary-Puls is a native scroll bar.
Element-plus scroll bar style
Element-ui scroll bar style
A presentation of sample code
In Element-UI, sample code is displayed by hovering over the bottom of the component’s demo box, followed by an animation that fades in and feels silky. One more detail: when the code expands beyond the screen, the close button is fixed at the bottom of the screen for you!
The unwrapping animation of Element UI
The bottom of the Element UI is fixed
In Element-Plus, the operation of expanding the sample code is moved to the upper right corner of the component demo. The first time I used it, I felt uncomfortable. After all, copying and pasting the official sample code is a frequently used operation (CV engineer 😂). Even the code style is not as good looking as Element-UI in my opinion.
Element – Plus expansion code location
Element-plus code style
The code style of Element-UI
Translation problems on the official website
What’s more, many of element-Plus’s pages and options now have no Chinese translation. Although I understand that programmers need to get used to reading English documents, the contrast is not too great compared to the clear and intuitive Chinese language of Element-UI.
First is the guide page, when you click on any of the advanced items, the official website will automatically switch to English, and you can’t choose Chinese among these items. I guess I can’t choose because I haven’t translated it well.
Forget English, there’s moreWrong character
There is also a lot of untranslated description on the component page, which I saw in the following image in Chinese mode. (More recently, almost all components are described in English)
The right navigation of the element-Plus table component
Description of the element-plus table component
Component bugs
The element- Plus input box component button slot style problem also has the same problem in the actual development
conclusion
Element, so to speak – the UI experience is depend on the club’s official website to pile up a lot of details, but these details to discard some will reduce a lot of experience, though may be to do so is understandable for code internal clean sex or robustness, but the main purpose of the website is used to study and understand the way of using the component library, I also hope that Element-Plus can be gradually optimized for better and better, at least the Chinese translation is complete first. As a developer, I certainly contribute actively to open source projects, and while Element-Plus has had some hiccup at the moment, I’ve always considered the Element library to be the magic of the Vue ecosystem.
I am oil, a newcomer. I will update original articles every week. I look forward to your attention!