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