码农ICoding

Nuxt-Chatroom 基于Nuxt.js+Vue.js仿微信|探探App界面聊天社交运用nuxt.js+vue.js+vuex+vpopup+vant+webpack等技术架构开发的社交聊天室项目。实现了类Tinder翻牌左右滑动、消息发送|表情gif、图片|视频预览、消息记录下拉刷新、长按弹窗、红包|朋友圈等功能。使用技术技术框架：nuxt.js+vue.js+vuex UI组件库：vant:^2.10.4 iconfont图标：阿里字体图标库 弹窗组件：vpopup...

基于Vue.js|Nuxt.js实现探探卡片滑动切换效果陌陌|探探社交App中拖拽滑动翻牌子效果让人印象深刻，最近在开发Nuxt项目，需要实现类似这个效果，于是经过多次调试，最终实现了，现整理作些简单的分享，感兴趣的可以看下哈~~效果预览怎么样，是不是觉得还行...下面就简单的讲解下具体的实现方法。页面布局页面整体分为顶部导航、翻牌子区域、底部Tabbar三个部分。布局模板<!-- //翻一翻模板 --><template> ...

基于Vue|Nuxt构建自定义导航组件Navbar+Tabbar在vue移动端项目开发中，顶部Navigation导航、底部Tabbar标签功能很常见，效果样式的统一能给项目增色不少。最近由于Nuxt项目的需要，就自己写了个自定义导航组件。如下图：Nuxt项目中顶部导航条/底部Tabbar实例效果emmm~~ 是不是看着还行，哈哈哈...下面就详细的讲解下在Nuxt项目中实现过程。 创建组件 首先，在components目录下新建headerBar.vue和ta...

VPopup 基于Vue.js构建的轻量级移动端弹出框组件一款融合了Vant、NutUI等热门Vue组件库中的Popup弹层、Dialog对话框、Toast提示框、ActionSheet动作面板框、Notify通知框等功能。快速使用在main.js中引入组件// 引入弹窗Popupimport Popup from './components/popup'Vue.use(Popup)支持如下两种 组件式 及 函数式 调用插件。组件式<template>