Tailwind CSS - Переключить боковую панель не работает на экране MD - PullRequest
Новая
       105

Tailwind CSS - Переключить боковую панель не работает на экране MD

1 голос
/ 21 июня 2020

Попробуйте реализовать сторону переключения на medium sreen с Tailwind and Vuejs, но он работает не так, как ожидалось, на самом деле он работает нормально в Large Screen, но md screen, это не работает.

My Code

<template>
    <div class="flex">
        <!-- Sidebar -->
        <aside :class="isOpen ? 'block' : 'hidden'">
            <div class="min-h-screen bg-gray-800 shadow-xs hidden md:block">
                <nav class="px-3">
                    <ul>
                        ....
                    </ul>
                </nav>
            </div>
        </aside>

        <!-- Header -->
        <div class="flex-1">
            <header class="bg-white px-5 py-2">
                    <span
                        class="text-xl block hover:border-gray-500 cursor-pointer"
                        @click.prevent="isOpen = !isOpen"
                    >
                        <i class="fa fa-bars"></i>
                    </span>
            </header>
        </div>
    </div>
</template>


    data() {
        return {
            isOpen: true,
        };
    },

Любая помощь будет оценена. Спасибо ...

...