快捷搜索:  汽车  科技

vue elementui登录界面:vue网页版聊天 vue element-ui仿微信界面

vue elementui登录界面:vue网页版聊天 vue element-ui仿微信界面

介绍

基于vue2.x vuex vue-cli vue-router element-ui swiper等技术开发仿微信pc端界面聊天应用,实现了发送消息 表情(动.jpg)、图片/视频预览、右键长按菜单、红包/朋友圈、截图发送等功能。

vue elementui登录界面:vue网页版聊天 vue element-ui仿微信界面(1)

技术栈
  • vue版本:Vue2.5.6
  • 状态管理:Vuex
  • 页面路由:Vue-router
  • iconfont图标:阿里巴巴字体图标库
  • 自定义滚动条:vue-gemini-scrollbar
  • UI组件库:element-ui(饿了么UI库)
  • 高德地图:vue-amap
  • 图片预览:vue-photo-preview

vue elementui登录界面:vue网页版聊天 vue element-ui仿微信界面(2)

预览演示

饿了么前端UI库

vue elementui登录界面:vue网页版聊天 vue element-ui仿微信界面(3)

vue elementui登录界面:vue网页版聊天 vue element-ui仿微信界面(4)

github地址

Element | 是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

https://element.eleme.cn/

https://github.com/ElemeFE/element

  • 安装

npm install element-ui -S

  • 使用

import Vue from 'vue' import Element from 'element-ui' Vue.use(Element) // 按需引入 import { Select Button // ... } from 'element-ui' Vue.component(Select.name Select) Vue.component(Button.name Button)

vue elementui登录界面:vue网页版聊天 vue element-ui仿微信界面(5)

猜您喜欢: