Vue软件包CSS丢失

时间:2020-08-24 07:11:15

标签: javascript html css vue.js npm

我正在使用Laravel 6和Vue js。但是,我想添加社交共享按钮,并且我已经安装了this vue js程序包。

我已经运行npm install --save vue-social-sharing并将以下内容添加到app.js文件中:

import VueSocialSharing from 'vue-social-sharing'

Vue.use(VueSocialSharing); 

社交共享按钮也出现了,但是没有应用任何样式。看起来像这样(黄色,因为我所有的a标签的样式都这样):

enter image description here

有人可以告诉我为什么缺少包的CSS ...吗? 这是我的vue js组件:

<div class="col-xl-4 actions no-padding">
    <ShareNetwork
        network="twitter"
        url="https://news.vuejs.org/issues/180"
        title="Say hi to Vite! A brand new, extremely fast development setup for Vue."
        description="This week, I’d like to introduce you to 'Vite', which means 'Fast'. It’s a brand new development setup created by Evan You."
        quote="The hot reload is so fast it\'s near instant. - Evan You"
        hashtags="vuejs,vite,javascript"
        twitterUser="youyuxi"
    >
        <i class="fab fah fa-lg fa-twitter"></i>
        <span>Share on Twitter</span>
    </ShareNetwork>
</div>

亲切的问候

0 个答案:

没有答案