... | ... | @@ -69,3 +69,42 @@ _Quasar Icon Sets:_ |
|
|
|
|
|
|
|
|
Здесь содержится информация о том, как использовать наборы иконок в Quasar. В Quasar уже встроены несколько наборов иконок, таких как Material Design Icons, которые используются по умолчанию. Однако, вы можете использовать другие наборы иконок, и на странице описывается, как это сделать. Также на странице есть инструкции по установке веб-шрифтов и использованию подхода CDN для создания веб-сайта. Если вы создаете мобильное или Electron-приложение, Quasar предлагает решение, чтобы не зависеть от интернет-соединения.
|
|
|
|
|
|
|
|
|
_Platform Detection:_
|
|
|
|
|
|
|
|
|
Этот раздел отвечает за определение платформы, на которой запущено приложение, и ее возможностей. В Quasar встроены помощники для определения платформы и ее возможностей в контексте, в котором выполняется код. Это может быть использовано для того, чтобы настраивать приложение в зависимости от платформы, на которой оно запущено. Например, можно определить, запущено ли приложение на мобильном устройстве, и настроить его соответствующим образом.
|
|
|
|
|
|
|
|
|
_Screen Plugin:_
|
|
|
|
|
|
|
|
|
Этот раздел отвечает за создание динамического и отзывчивого пользовательского интерфейса при помощи JavaScript кода. Этот плагин позволяет отображать наложение с индикатором загрузки поверх содержимого приложения, чтобы информировать пользователя о том, что происходит фоновая операция. Для использования этой функции необходимо добавить плагин в файл конфигурации quasar.config.js.
|
|
|
|
|
|
|
|
|
_Animations:_
|
|
|
|
|
|
|
|
|
Этот раздел отвечает за анимации в приложении Quasar. В Quasar встроены помощники для анимации элементов, используя библиотеку Animate.css. Для использования анимаций необходимо добавить их в файл конфигурации quasar.config.js. В этом разделе также описывается, как использовать компонент <transition> из Vue для создания анимаций.
|
|
|
|
|
|
|
|
|
_Quasar Components Transitions:_
|
|
|
|
|
|
|
|
|
Этот раздел отвечает за анимации в приложении Quasar. В Quasar встроены помощники для анимации элементов, используя библиотеку Animate.css. Для использования анимаций необходимо добавить их в файл конфигурации quasar.config.js. В этом разделе также описывается, как использовать компонент <transition> из Vue для создания анимаций.
|
|
|
|
|
|
|
|
|
_Transitions:_
|
|
|
|
|
|
|
|
|
В этом разделе описываются компоненты Quasar, которые реализуют анимацию переходов, используя свойства transition-show / transition-hide или transition-prev / transition-next. Например, эти свойства можно использовать для создания анимации при открытии и закрытии диалогового окна. Для использования этих свойств необходимо добавить их в соответствующий компонент
|
|
|
|
|
|
|
|
|
**Style & Identity:**
|
|
|
|
|
|
|
|
|
_Typography:_
|
|
|
|
|
|
|
|
|
В этом разделе описываются стили для заголовков разных уровней, а также для других элементов текста, таких как подзаголовки, основной текст и т.д. В Quasar используется шрифт по умолчанию Roboto, который имеет пять разных весов: 100, 300, 400, 500, 700. Однако можно использовать и другие шрифты, для этого необходимо добавить их в приложение и прописать соответствующие стили в файле конфигурации quasar.config.js. В разделе также описывается, как использовать кастомные шрифты и добавлять их в приложение. |
|
|
\ Нет новой строки в конце файла |