1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/zcyso-ant-design-pro-vue

Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

Ant Design Pro Vue

UI-решение для корпоративных приложений на основе Vue-шаблона. Основано на Ant Design of Vue

Обзор

Версия для Vue фреймворка Ant Design Pro на основе Ant Design of Vue

Пример с примерами использования базовых элементов интерфейса

Рабочий стол + меню настроек

Рабочий стол

Настройки пользователя

Личный кабинет

Встроенное редактирование списка

Список ролей

Редактирование роли

Список прав

Редактирование прав

Процесс управления маршрутами на основе прав

Структура прав

Среда и зависимости

  • node
  • yarn
  • webpack
  • eslint
  • @vue/cli 3.2.1
  • ant-design-vue - Реализация Ant Design Of Vue
  • vue-cropper - Компонент для обрезки изображений
  • @antv/g2 - Alipay AntV инструменты для визуализации данных
  • Viser-vue - Реализация на основе antv/g2> Обратите внимание, что мы настоятельно рекомендуем использовать Yarn для управления пакетами, чтобы гарантировать использование одинаковых версий зависимостей, как и на нашем демонстрационном сайте (yarn.lock). Поскольку мы не контролируем версии зависимостей, использование других утилит управления пакетами может привести к проблемам из-за обновлений библиотек, на которые зависит Pro. Автор этого проекта может не успеть вовремя разобраться с проблемами, возникшими из-за использования этого проекта в качестве базового. Загрузка и запуск проекта

  • Клонирование проекта
git clone https://github.com/sendya/ant-design-pro-vue.git
cd ant-design-pro-vue
  • Установка зависимостей
yarn install
  • Запуск в режиме разработки
yarn run serve
  • Сборка проекта
yarn run build
  • Проверка и исправление файлов
yarn run lint

Дополнительные заметки

  • О проблемах (важно! важно! важно!) при создании Issue, пожалуйста, укажите вашу среду использования, версию или ветку Pro, возникшие проблемы и т.д. Также, если у вас есть вопросы, вы можете присоединиться к QQ-группе (Ant Design Vue основной обсуждаемый проект 217490093, не Pro группа), несколько поддерживаемых разработчиков также находятся в этой группе.

  • Проект использует vue-cli3, пожалуйста, обновите ваш cli.- Отключение ESLint (не рекомендуется) удалите весь узел кода eslintConfig из файла package.json.

  • Проект использует онлайн-моки, easy-mock используемые моковые данные проекта посмотреть (не изменяйте возвращаемые данные интерфейса), также можно скачать ANTD-PRO-Easy-Mock-API.zip и самостоятельно импортировать в свой моковый сервис.

  • Изменение цветовой схемы Ant Design, в файле vue.config.js, другие Less переменные можно изменить с помощью ant design официальной документации.

  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          /* Less переменные для изменения, для создания пользовательской темы Ant Design */

          'primary-color': '#F5222D',
          'link-color': '#F5222D',
          'border-radius-base': '4px',
        },
        javascriptEnabled: true,
      }
    }
  }
```Дополнительные документы
-----
----- [Роутинг/Меню](https://github.com/sendya/ant-design-pro-vue/blob/master/src/router/README.md)
- [Переопределение компонента Table](https://github.com/sendya/ant-design-pro-vue/blob/master/src/components/table/README.md)
- [ANTD по умолчанию настройки](https://github.com/sendya/ant-design-pro-vue/blob/master/src/defaultSettings.js)
- [Загрузка по требованию/уменьшение размера сборки](https://github.com/sendya/ant-design-pro-vue/blob/master/docs/LoadOnDemand.md)  
- [Добавление анимации загрузки для первой страницы](https://github.com/sendya/ant-design-pro-vue/blob/master/docs/Add-Page-Loading-Animate.md)
- [Добавление инструмента анализа зависимостей analyzer](https://github.com/sendya/ant-design-pro-vue/blob/master/docs/webpack-bundle-analyzer.md)  
- Дополнительные компоненты ANTD PRO
  - Trend Трендовый маркер [Trend.md](https://github.com/sendya/ant-design-pro-vue/blob/master/src/components/Trend/index.md)
  - AvatarList Список пользовательских аватаров [AvatarList.md](https://github.com/sendya/ant-design-pro-vue/blob/master/src/components/AvatarList/index.md)
  - CountDown Подсчет времени [CountDown.md](https://github.com/sendya/ant-design-pro-vue/blob/master/src/components/CountDown/index.md)
  - Ellipsis Автоматическое сокращение текста [Ellipsis.md](https://github.com/sendya/ant-design-pro-vue/blob/master/src/components/Ellipsis/index.md)
  - NumberInfo Текстовые данные [NumberInfo.md](https://github.com/sendya/ant-design-pro-vue/blob/master/src/components/NumberInfo/index.md)
  - FooterToolbar Нижняя панель инструментов [FooterToolbar.md](https://github.com/sendya/ant-design-pro-vue/blob/master/src/components/FooterToolbar/index.md)
- Другое будет добавлено... Примечание
-----------> После обновления @vue/cli были обновлены правила eslint. В связи с тем, что это затрагивает все файлы .vue, требуется проверить каждый файл отдельно. Временно отключены некоторые правила, которые ранее не проверялись, чтобы избежать проблем. В последующем обслуживании эти правила будут постепенно исправлены.

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

Основанная на Ant Design of Vue версия Ant Design Pro Vue Развернуть Свернуть
MIT
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/zcyso-ant-design-pro-vue.git
git@api.gitlife.ru:oschina-mirror/zcyso-ant-design-pro-vue.git
oschina-mirror
zcyso-ant-design-pro-vue
zcyso-ant-design-pro-vue
master