Nuxt と Vue のソーシャル チャット

Question

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

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

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

ああああ

Answer 1

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

リーリー

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

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

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