Публикации по теме '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. С..