Home >Web Front-end >HTML Tutorial >Sharing the default style modification method of elementui

Sharing the default style modification method of elementui

小云云
小云云Original
2018-02-24 09:36:185217browse

This article mainly shares with you an article on how to modify the default style of elementui. It has a good reference value. I hope it will be helpful to everyone. Let’s follow the editor to have a look. I hope it can help everyone.

I used element ui today and made a message prompt. I found that the prompt position is always at the top, as shown in the picture:

But I want to What should I do if I move the prompt position to the bottom?

Finally I looked at the official api

It turns out there is a custom style attribute customClass, just set it

js code

css code

Rendering

##Related recommendations:


Vue 2.0 and elementUI implement the breadcrumb navigation bar method code

Use the vue+elementUI part to introduce the implementation method of the component

Vue2 .0, ElementUI implements table page turning

The above is the detailed content of Sharing the default style modification method of elementui. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn