Vusui-app-layer

Введение

Vusui-app-layer — это библиотека компонентов модальных окон на основе uni-app. Если версия в плагине-магазине отличается от версии в журнале обновлений, скачайте версию с GitHub. Для запросов компонентов или отчетов об ошибках также можно перейти в раздел issues.

Особые примечания

• Vusui-app-layer — это библиотека компонентов, не являющаяся нативной, поэтому она не может перекрыть нативные элементы tabBar и navigationBar. Поэтому, если у вас возникли проблемы с этими элементами, рекомендуется ознакомиться с документацией компонентов и API uni-app или аналогичных компонентов для мобильных приложений.
• Vusui-app-layer была разработана с использованием версии HBuilderX 2.4 и выше, и тестирование на платформах APP, H5 и мобильных приложениях прошло успешно. Однако использование на более ранних версиях HBuilderX, мобильных приложениях и браузерах не гарантируется.

Документация API

Просмотреть документацию API

Онлайн-демонстрация

Сканируйте QR-код ниже с помощью WeChat, чтобы открыть WeChat-мобильное приложение Vusui-app. В разделе компоненты нажмите на модальные окна, чтобы протестировать Vusui-app-layer.

Начало использования

Скачайте исходный код, распакуйте его и скопируйте директорию Vusui-app-layer в корневую директорию вашего проекта.В файле main.js введите следующий код. (Примечание: Vusui-app-layer использует Vuex для управления состоянием, поэтому необходимо установить и импортировать Vuex.)

import Vue from 'vue';
import App from './App.vue';

// Шаг 1: Импортировать Vuex
import Vuex from 'vuex';
Vue.use(Vuex);

// Шаг 2: Импортировать Vusui-app-layer
import vusLayerInit from './vusui-app-layer/vusui-layer.js';
import vusLayer from './vusui-app-layer/vusui-layer.vue';
Vue.use(vusLayerInit);
Vue.component('vus-layer', vusLayer); // Установить имя компонента

// Шаг 3: new Vuex.Store()
const store = new Vuex.Store();
const app = new Vue({
    store,
    ...App
})
app.$mount()

Шаг 4 (важно): В страницах, где требуется использование компонента Vusui-app-layer, введите компонент vus-layer.

<template>
    <view>
        <vus-layer></vus-layer>
    </view>
</template>

<script>
export default {
    
}
</script>

Журнал обновлений

• 11 января 2020 года v1.0.5

  • Удалены CSS SVG-анимации, заменены на анимации изображений.

• 6 января 2020 года v1.0.4

  • Добавлен атрибут tabBar для управления отображением или скрытием tabBar.
  • Улучшена vusui-layer.vue.
  • Улучшены CSS-анимации и т.д.

• 5 января 2020 года v1.0.3

  • Добавлен слой страницы page
  • Добавлен слой альбома photos
  • Изменен анимационный эффект слоя загрузки load
  • Улучшена анимация модальных окон

• 3 января 2020 года v1.0.2

  • Исправлен баг, связанный с функцией showTabBar() при закрытии слоя

• 3 января 2020 года v1.0.1

  • Добавлены функции hideTabBar() и showTabBar() для отображения/скрытия нативного слоя tabBar

• 30 декабря 2019 года v1.0

  • Выпуск первой версии## Лицензия MIT

Авторское право (c) 2017-2020, VusUI