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

OSCHINA-MIRROR/wbt123-uniapp

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

Шаблон проекта uni-app (не кидайте тапками)

uniapp — это фреймворк, на котором можно создать проект, поддерживающий упаковку в виде h5, приложения для Android и iOS, а также мини-программы. Один код позволяет работать с несколькими платформами.

Инструкция по использованию

  1. Скачайте и распакуйте файлы в папку.
  2. Поместите проектный пакет в HBuilder X.
  3. В HBuilder X необходимо установить плагин для компиляции scss/sass.
  4. Запустите проект.

Спасибо за использование, поставьте 5 звёзд!

Файлы

  1. components/chat-emojis.nvue — компонент эмодзи (эмоции, сохранённые эмодзи, наборы эмодзи).
  2. components/chat-message.nvue — компоненты отображения сообщений и их типов.
  3. components/chat-preview.nvue — компонент предварительного просмотра изображений и видео.
  4. components/chat-tabbar.nvue — нижний компонент операций (голосовой ввод, ввод текста, отправка).
  5. utils/emojis.js — данные эмодзи.
  6. utils/utils.js — инструменты.
  7. chat.nvue — главная страница чата.
  8. config.js — страница конфигурации чата и контактная страница (все функции чата собраны здесь).

Функции

  1. Отправка текста и эмодзи.
  2. Отправка изображений эмодзи.
  3. Отправка изображений.
  4. Отправка видео.
  5. Отправка голосовых сообщений.
  6. Отправка местоположения.
  7. Отправка файлов.
  8. Отправка товаров.
  9. Блокировка пользователя.

Типы чата

  1. Личный чат.
  2. Групповой чат.

Отображение сообщений

  1. Отправленные изображения, видео и файлы предварительно отображаются на странице (есть прогресс загрузки), имитируя процесс отправки изображений в WeChat.
  2. У отправленных сообщений есть состояния «Отправка», «Ошибка отправки» (можно нажать «Отправить повторно») и «Успешная отправка».
  3. Есть стили для состояний «Прочитано» и «Не прочитано» (серверная часть не реализована).

Функциональный список архитектуры

Примеры компонентов

  1. Список с водопадом.
  2. Видео с эффектом перелистывания (с загрузкой прогресса).
  3. Введение в основную тему проекта.
  4. Пример навигации в заголовке.
  5. Загрузка сверху и обновление списка снизу.
  6. Выбор региона.
  7. Диалоговое окно ввода.
  8. Операции перетаскивания.
  9. Компиляция форматированного текста.
  10. Статистическая диаграмма uCharts.

Примеры SDK

  1. Запрос интерфейса.
  2. Обновление версии приложения.
  3. Платёж.
  4. Поделиться.
  5. Войти через мини-программу.
  6. Войти через публичный аккаунт.
  7. Перехват входа.
  8. Получить текущее местоположение.
  9. Загрузить изображение/файл.
  10. Загрузить изображение/файл в облако 7z.
  11. Сохранить изображение в фотоальбом.
  12. Введение в WebSocket.
  13. Публичный аккаунт SDK.
  14. Определить разрешения приложения и перейти к настройкам системы.
  15. Общие инструменты.

Страницы шаблона

  1. Вход.
  2. Регистрация.
  3. Забыли пароль.
  4. Привязка мобильного номера.
  5. Соглашение.

Структура проекта

├── components                              // Компоненты
│   ├── common                              // Общие компоненты
│   └── module                              // Проектные компоненты
├── config                                  // Конфигурация
│   ├── store                          		// Магазин vuex
│   │	├── modules							// Категории vuex
│   │	│	├── common.js					// Управление общими данными vuex
│   │	│	└── user.js						// Управление пользовательскими данными vuex
│   │	└── index.js						// Главный файл vuex
│   ├── baseUrl.js                          // Конфигурация проекта
│   ├── html5Utils.js                       // Функции H5 (оплата через публичные аккаунты, вход через публичные аккаунты)
│   ├── login.js                            // Вход через мини-программы js-код и перехват входа
│   ├── requestConfig.js                    // Конфигурация запроса интерфейса
│   ├── socket.js                           // Код WebSocket
│   └── utils.js                            // Инструменты проекта (поделиться через публичные аккаунты, поделиться через мини-программы, обработка данных, платёж, получение координат, распределение платежей)
├── pages  									// Страницы проекта
├── plugins                                 // Общедоступные SDK (в основном не требуют изменений)
│   ├── APPUpdate                          	// Обновление версии приложения
│   ├── request                          	// Запрос интерфейса
│   ├── share                           	// Совместное использование приложений
│   ├── md5.js                           	// Шифрование md5
│   ├── permission.js                       // Определение разрешений приложения и открытие настроек системы
│   ├── utils.js                       		// Инструменты (преобразование времени, получение координат через приложения и мини-программы)
│   └── wxJsSDK.js                       	// Получение разрешений через публичные аккаунты
├── static                                  // Общедоступные файлы
│   ├── demo                          		// Изображения, связанные с этим проектом (можно удалить)
│   ├── icon                          		// Значки проекта
│   ├── mp-h5                          		// Сторонние пакеты H5 (JS-SDK публичных аккаунтов)
│   ├── mp-weixin                          	// Сторонние пакеты мини-программ Weixin
│   ├── share                          		// Иконки совместного использования
│   └── zhouWei-navBar                      // Значки навигационного компонента
├── style
│   ├── common.scss                         // Файл общих стилей
│   ├── input.scss                         	// Файл стилей форм
│   ├── mixin.scss                          // Файл конфигурации стилей
│   └── table.scss                          // CSS, связанный с этим проектом (можно удалить)
├── unpackage                               // Файлы после компиляции проекта
├── App.vue                                 // Главная страница проекта
├── main.js                                 // Входной файл программы, загружает различные общие компоненты
├── manifest.json                           // Тип проекта uni-app и конфигурация среды
├── pages.json                           	// Маршрутизация проекта и конфигурация страниц
├── README.md                               // Файл описания проекта
└── template.h5.html                        // Файл, используемый при публикации проекта

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

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

Введение

Проект, созданный с использованием фреймворка uniapp, поддерживает упаковку в форматы h5, Android app, iOS app и мини-программы. Один и тот же код работает на нескольких платформах. Развернуть Свернуть
Отмена

Обновления

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

Участники

все

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

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