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