Vue ソーシャル チャット モジュールを Nuxt アプリにインストールしましたが、小道具と色の設定がどのように機能するのか理解できません。現在、すべてが正常に動作していますが、表示されている Whatsapp アイコンは黒で、上部のバーは吹き出し内にあります。 Nuxt でこの設定を変更するにはどうすればよいですか。著者は CSS 変数を使用するように言っていますが、これらの変数をどこに配置するか、コード内でどのように使用するかがわかりません。
Nuxt にも App.vue がないので、モジュールを直接インポートしました。これは機能するようですが、正しく実行しているかどうかはわかりません。
これが現在のdefault.vueページの様子です。このモジュールを他の場所にインポートすることはありません。
ああああ
P粉0900872282024-03-27 19:28:27
これは主に全体的なニーズに対応したものです
リーリー:root #social-button CSS セレクターの代わりに --vsc-bg-button: Pink ! important; を使用することもできますが、CSS を壊すのは好きではありません特異性。
あるいは、スタイルを scoped にすることもできますが、ここではスコープに関する問題が発生しないため、いずれにしてもここには本当の意味はありません。
github リポジトリはここにあります: https://github.com/kissu/vue-social
ホスティングの実例は、https://so-vue-social.netlify で提供されています。アプリ/＃＃＃＃＃＃