ホームページ  >  記事  >  ウェブフロントエンド  >  elementui でデフォルトのスタイル変更を実装する方法

elementui でデフォルトのスタイル変更を実装する方法

亚连
亚连オリジナル
2018-06-05 09:29:063569ブラウズ

ここで、要素 ui のデフォルトのスタイルを変更する方法に関する記事を共有します。これは良い参考値なので、皆さんのお役に立てれば幸いです。

今日は要素 ui を使用してメッセージプロンプトを作成しました。そして、図に示すように、プロンプトの位置が常に同じであることがわかりました:

しかし、プロンプトの位置を下にしたいのですが、どうすればよいですか?

最後に公式APIを見てみました

カスタムスタイル属性customClassがあることが分かりました、それを設定するだけです

jsコード

cssコード

レンダリング

以上は皆さんのためにまとめたもので、今後皆さんのお役に立てれば幸いです。

関連記事:

ルーティング変更の監視とリスニングオブジェクトの監視 (詳細なチュートリアル)

VUE リスニングウィンドウでの変更イベントの問題を解決する方法

JS 放物線アニメーションの作成方法 (詳細なチュートリアル)

以上がelementui でデフォルトのスタイル変更を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。