#javascript #html #css #vue.js #npm
#javascript #HTML #css #vue.js #npm
Вопрос:
Я использую Laravel 6 и Vue js. Тем не менее, я хочу добавить кнопки социальных сетей, и для этого я установил этот пакет vue js.
Я запустил npm install --save vue-social-sharing
и добавил следующее в app.js
файл:
import VueSocialSharing from 'vue-social-sharing'
Vue.use(VueSocialSharing);
Кнопка «Поделиться в социальных сетях» также отображается, но без применения какого-либо стиля. Это выглядит так (он желтый, потому что все мои a
теги оформлены таким образом):
Кто-нибудь может сказать мне, почему отсутствует 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>
С уважением
Комментарии:
1. Пакет не включает в себя какой-либо стиль (CSS). Однако, если вы выполните поиск в репозитории, вы можете найти пример того, как они создали некоторый базовый стиль
2. Хорошо .. странно. Но откуда
a.share-network-twitter { background-color: #1da1f2; }
это взялось? Это говоритInline.css
, означает, что он должен быть в пакете в моих глазах.