Как создать выпадающий попутный ветер с JavaScript? - PullRequest
Новая
       51

Как создать выпадающий попутный ветер с JavaScript?

0 голосов
/ 07 апреля 2020

Я пытался создать выпадающее меню с попутным ветром без javascript.

Я использую Tailwind через CDN, и он не работает Если я не установил Tailwind на npm.

Но сейчас я все еще не хочу его устанавливать.

У кого-нибудь еще есть рекомендации для меня? О том, как я должен был его создать А также требует сборки попутного ветра и не требует установки Tailwind на npm.

Мой пример кода 

<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<div class="relative group">
  <div class="flex items-center cursor-pointer text-sm text-blue border-transparent rounded-t-lg py-1 px-4">
    profile
    <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/></svg>
  </div>
  <div class="items-center absolute border-transparent rounded-b-lg p-1 bg-white p-2 invisible group-hover:visible w-full">
    <a href="#" class="px-4 py-2 block text-black hover:bg-yellow-light">View Profile</a>
    <a href="#" class="px-4 py-2 block text-black hover:bg-yellow-light">Edit Profile</a>
    <hr class="border-t mx-2 border-grey-ligght">
    <a href="#" class="px-4 py-2 block text-black hover:bg-yellow-light">Logout</a>
  </div>
</div>

Как я уже говорил выше, это не работает. Если бы я не установил Tailwind на npm. Теперь мне нужно использовать ссылку cdn.

Кто-нибудь может мне помочь?

...