Nuxt と Vue のソーシャル チャット
P粉993712159
P粉993712159 2024-03-26 20:55:20
0
1
381

Vue ソーシャル チャット モジュールを Nuxt アプリにインストールしましたが、小道具と色の設定がどのように機能するのか理解できません。現在、すべてが正常に動作していますが、表示されている Whatsapp アイコンは黒で、上部のバーは吹き出し内にあります。 Nuxt でこの設定を変更するにはどうすればよいですか。著者は CSS 変数を使用するように言っていますが、これらの変数をどこに配置するか、コード内でどのように使用するかがわかりません。

Nuxt にも App.vue がないので、モジュールを直接インポートしました。これは機能するようですが、正しく実行しているかどうかはわかりません。

これが現在のdefault.vueページの様子です。このモジュールを他の場所にインポートすることはありません。

ああああ

P粉993712159
P粉993712159

全員に返信(1)
P粉090087228

これは主に全体的なニーズに対応したものです

リーリー

:root #social-button CSS セレクターの代わりに --vsc-bg-button: Pink ! important; を使用することもできますが、CSS を壊すのは好きではありません特異性。
あるいは、スタイルを scoped にすることもできますが、ここではスコープに関する問題が発生しないため、いずれにしてもここには本当の意味はありません。

github リポジトリはここにあります: https://github.com/kissu/vue-social

ホスティングの実例は、https://so-vue-social.netlify で提供されています。アプリ/######

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!