Публикации по теме 'vuetify'


Vuetify Typography: стилизация текста с помощью Vuetify
Каждый пользовательский интерфейс содержит некоторый текст. Различные тексты имеют разные стили в зависимости от их назначения в пользовательском интерфейсе. Vuetify предоставляет различные классы, которые мы можем использовать для управления различными свойствами текста, такими как размер, выравнивание, оболочка, переполнение и преобразования. В этой статье мы узнаем об этих вспомогательных классах типографики. Размер шрифта Vuetify поставляется с классами для изменения размера..

Создайте красивое приложение для списка дел с помощью Vuetify: удаление задач
Используйте компонент Vuetify hover и кнопку со значком, чтобы добавить в приложение функцию удаления задачи. Добро пожаловать в нашу продолжающуюся серию руководств, в которой мы собираемся создать великолепное приложение для списка дел от начала до конца, используя Vuetify и Vue JS. В прошлый раз мы узнали, как использовать FAB, диалоги и элементы управления формами, чтобы дать пользователям возможность создавать новые задачи в приложении. Сегодня мы добавим функционал для..

Создание веб-приложения реального времени с помощью Vue, Vuetify и Butterfly Server .NET
В этом посте будет показано, как создать веб-приложение в реальном времени, в котором все изменения немедленно обновляются во всех клиентах. В этом примере используется… Vuetify и Vue.js на клиенте Butterfly Server .NET и EmbedIO на сервере Просто дай мне попробовать Предпочитаете пропускать пошаговые инструкции? Запустите это в терминале или командной строке… git clone https://github.com/firesharkstudios/butterfly-server-dotnet cd..

Как использовать Vuetify Elevation Helpers
Высота дает важные визуальные подсказки об относительном расстоянии или глубине между двумя поверхностями по оси Z. Vuetify предоставляет служебные классы и реквизиты, которые позволяют нам легко устанавливать высоту элемента без создания пользовательских стилей CSS. Помощник по высоте настраивает высоту тени элемента при применении. Всего существует 25 уровней высоты: <template> <v-app> <v-container class="ma-4"> <v-row justify="center">..

Как добавить сложную нижнюю панель навигации в ваши приложения Vue
Я очень люблю Vuetify, поэтому я задумал и создал BANanoVuetifyAD3. Он позволяет любому желающему создавать потрясающие веб-приложения, используя имеющиеся навыки. В большинстве случаев без написания JavaScript, HTML (язык гипертекстовой разметки) или CSS (каскадные таблицы стилей). Прежде всего, это OSS (программное обеспечение с открытым исходным кодом). Некоторое время я искал более сложную нижнюю панель навигации, совместимую с Vue, для своих веб-приложений Vuetify. С..