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

OSCHINA-MIRROR/july-meteor-vue-mchat

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.en.md
<p align="center">
 <h1> <img width="45px" src="https://img-blog.csdnimg.cn/20181109170115221.jpg">
MChat</h1>
</p>

<p align="center">  
  <a href="https://github.com/vuejs/vue">
    <img src="https://img.shields.io/badge/vue-2.5.10-brightgreen.svg" alt="vue">
  </a>
  <a href="https://travis-ci.org/PanJiaChen/vue-element-admin" rel="nofollow">
    <img src="https://travis-ci.org/PanJiaChen/vue-element-admin.svg?branch=master" alt="Build Status">
  </a>
  
  <a href="https://github.com/18106960985/meteor-curator-admin/blob/master/LICENSE">
    <img src="https://img.shields.io/github/license/mashape/apistatus.svg" alt="license">
  </a>
</p>

简体中文 | [English](README.en.md)

# 如果觉得还行,请给一个👉 star,谢谢😎 ! 有疑问请加群。

## 简介 

### 这是一款基于 vue.js 开发的聊天室组件库,在提供基础封装的同时,最大程度的增加扩展性。

Ниже приведены демонстрационные изображения:

![演示图](/doc/img/vue_mchat_demo.gif)

Изображения компонентов MChat:

![MChat群聊界面](/doc/img/MChat-group.png)

![MChat群聊界面1](/doc/img/MChat-say.png)

Изображения компонента IChat:

![IChat群聊界面](/doc/img/IChat-group.png)

![IChat群聊界面1](/doc/img/IChat-Say.png)

![IChat群组信息](/doc/img/IChat-group_info.png)

![IChat系统消息信息](/doc/img/IChat-system.png)

## Происхождение проекта

vue-mchat — это проект, который является результатом моего обобщения опыта обучения фронтенду. Поскольку я не являюсь профессиональным разработчиком фронтенда, в проекте всё ещё есть немало недостатков.

Если у вас есть вопросы или потребности, вы можете задать их в группе или создать задачу!


***

#### Установка

* Используйте npm для установки

  ``` bash
  npm install vue-mchat
Использование

В main.js импортируйте

# npm 下载方式
// 进入css
import 'MChat/lib/MChat.css'
//引入组件
import MChat from 'MChat'
// 使用vue加载组件
Vue.use(MChat)
# 

Как выполнить вторичную разработку

Вариант 1:

Просто скопируйте папку packages в нужный вам проект и импортируйте vue-mchat в main.js:

import App from './App.vue'
import MChat from '../packages/index'

Vue.use(MChat)
Вариант 2:

Разработайте на основе vue-mchat и импортируйте его через пакет js:

Выполните в каталоге vue-mchat:

npm run lib 

Вы получите файл lib, содержащий скомпилированную библиотеку MChat. Скопируйте весь lib в свой проект и импортируйте в main.js:

import  '../lib/MChat.css'
import MChat from '../lib/MChat.umd'

Vue.use(MChat)

Присоединяйтесь к группе, чтобы получить код версии для группового чата

Адрес демонстрации группового чата Документация-пример

Группа общения QQ

Совместный прогресс

Поддержка браузеров

Современные браузеры и Internet Explorer 10+.

IEIE / Edge FirefoxFirefox ChromeChrome Safari
IE10, IE11, Edge последние 2 версии последние 2 версии последние 2 версии

Лицензия

MIT

Авторские права (c) 2020-present july-meteor


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

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

Введение

Это библиотека компонентов для чата, разработанная на основе vue и element-ui. Она имитирует интерфейсы TIM и WeChat с точки зрения пользовательского интерфейса. Одновременно с предоставлением базовой упаковки она в максимальной степени увеличивает расширяемость. Развернуть Свернуть
MIT
Отмена

Обновления

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

Участники

все

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

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