摘要: 基于vue.js开发的小巧PC端自定义滚动条组件VScroll。 前段时间有给大家分享一个vue桌面端弹框组件,今天再分享最近开发的一个vue pc端自定义滚动条组件。 vscroll 一款基于vue2.x开发的网页端轻量级超小巧自定义美化滚动条组件。支持是否原生滚动条、鼠标移出是否自动隐藏、自定义 阅读全文
posted @ 2020-11-30 18:00 xiaoyan2017 阅读(4903) 评论(2) 推荐(2) 编辑
摘要: vue.js构建的轻量级PC网页端交互式弹层组件VLayer。 前段时间有分享过一个vue移动端弹窗组件,今天给大家分享一个最近开发的vue pc端弹出层组件。 VLayer 一款集Alert、Dialog、Message、Notification、ActionSheet、Toast、Popover 阅读全文
posted @ 2020-11-02 12:50 xiaoyan2017 阅读(6281) 评论(3) 推荐(0) 编辑
摘要: 一、项目简述 nuxt-chatroom 基于Nuxt.js+Vue.js+Vuex+Vant+VPopup等技术构建开发的仿微信|探探App界面社交聊天室项目。实现了卡片式翻牌滑动、消息发送/emoj表情、图片/视频预览、下拉刷新消息、红包/朋友圈等功能。 预览片段 二、技术栈 编码/技术:Vsc 阅读全文
posted @ 2020-10-15 21:11 xiaoyan2017 阅读(5202) 评论(3) 推荐(3) 编辑
摘要: 探探/Tinder是一个很火的陌生人社交App,趁着国庆假期闲暇时间倒腾了个Nuxt.js项目,项目中有个模块模仿探探滑动切换界面效果。支持左右拖拽滑动like和no like及滑动回弹效果。 一览效果 emmmm,是不是效果还不错,哈哈~ 好了,下面就简单的讲解下具体的实现过程,大家如果感兴趣的话 阅读全文
posted @ 2020-10-12 11:06 xiaoyan2017 阅读(3188) 评论(3) 推荐(3) 编辑
摘要: 基于Vue.js实现自定义Topbar+Tabbar组件|仿咸鱼底部凸起导航 最近一直在倒腾Nuxt项目,由于Nuxt.js是基于Vue.js的服务端渲染框架,只要是会vue,基本能很快上手了。 一般移动端项目,顶部导航/底部Tab功能是少不了的。本想着使用Vant组件库,可是项目中有个类似咸鱼底部 阅读全文
posted @ 2020-10-10 13:02 xiaoyan2017 阅读(4169) 评论(0) 推荐(0) 编辑
摘要: 基于vue.js构建的轻量级Vue移动端弹出框组件Vpopup vpopup 汇聚了有赞Vant、京东NutUI等Vue组件库的Msg消息框、Popup弹层、Dialog对话框、Toast弱提示、ActionSheet动作面板框、Notify通知框等功能。 用法 ▍在main.js中引入vpopup 阅读全文
posted @ 2020-10-07 12:44 xiaoyan2017 阅读(7130) 评论(3) 推荐(0) 编辑
摘要: 一、项目概述 flutter-chatroom是采用基于flutter+dart+chewie+image_picker+photo_view等技术跨端开发仿微信app界面聊天室项目。实现了消息发送/动态gif表情、弹窗、图片预览、红包/朋友圈/小视频号等功能。 二、技术框架 编码/技术:Vscod 阅读全文
posted @ 2020-05-12 23:38 xiaoyan2017 阅读(10001) 评论(3) 推荐(4) 编辑
摘要: Flutter中如何实现沉浸式透明Statusbar状态栏效果? 如下图:状态栏是指android手机顶部显示手机状态信息的位置。android 自4.4开始新加入透明状态栏功能,状态栏可以自定义颜色背景,使titleBar能够和状态栏融为一体,增加沉浸感。 如上图Flutter状态栏默认为黑色半透 阅读全文
posted @ 2020-04-27 03:16 xiaoyan2017 阅读(7190) 评论(1) 推荐(0) 编辑
摘要: 一、项目概况 基于Electron+vue+electron-vue+vuex+Nodejs+vueVideoPlayer+electron-builder等技术仿制微信电脑端界面聊天室实例,实现消息发送/动态表情,图片/视频预览,拖拽图片/粘贴截图发送,朋友圈/红包/换肤等功能。 二、效果图 三、 阅读全文
posted @ 2020-01-09 02:22 xiaoyan2017 阅读(13370) 评论(5) 推荐(1) 编辑
摘要: 一、项目简述 taro-chatroom是基于Taro多端实例聊天项目,运用Taro+react+react-redux+taroPop+react-native等技术开发的仿微信App界面聊天室,实现了发送消息/emoj表情、gif表情大图、图片预览、发红包、动态圈等功能。 二、预览效果 编译到H 阅读全文
posted @ 2019-12-14 14:54 xiaoyan2017 阅读(6137) 评论(0) 推荐(0) 编辑
摘要: 基于Taro多端实践TaroPop:自定义模态框|dialog对话框|msg消息框|Toast提示 taro自定义弹出框支持编译到多端H5/小程序/ReactNative,还可以自定义弹窗类型/弹窗样式、多按钮事件/样式、自动关闭、遮罩层、弹窗显示位置及自定义内容模板 用法 ▍在相应页面引入组件 i 阅读全文
posted @ 2019-12-02 11:51 xiaoyan2017 阅读(7907) 评论(0) 推荐(0) 编辑
摘要: 运用Taro实现多端导航栏/tabbar实例 (H5 + 小程序 + React Native) 最近一直在捣鼓taro开发,虽说官网介绍支持编译到多端,但是网上大多数实例都是H5、小程序,很少有支持RN端。恰好Taro是基于React技术,想着之前也做过一些react项目,如是抱着好奇深究了一番, 阅读全文
posted @ 2019-11-26 17:19 xiaoyan2017 阅读(9233) 评论(1) 推荐(0) 编辑
摘要: 一、项目简介 uni-liveShow是一个基于vue+uni-app技术开发的集小视频/IM聊天/直播等功能于一体的微直播项目。界面仿制抖音|火山小视频/陌陌直播,支持编译到多端(H5、小程序、App端) 且兼容效果一致。 二、效果预览 在H5、小程序、App端测试效果如下:(后续大图均为APP端 阅读全文
posted @ 2019-11-11 15:49 xiaoyan2017 阅读(39456) 评论(11) 推荐(11) 编辑
摘要: 一、介绍 运用UniApp+Vue+Vuex+swiper+uniPop等技术开发的仿微信原生App聊天室|仿微信聊天界面实例项目uniapp-chatroom,实现了发送图文消息、表情(gif图),图片预览、地图位置、长按菜单、红包/钱包、仿微信朋友圈等功能。 二、测试效果 H5 + 小程序 + 阅读全文
posted @ 2019-10-10 02:22 xiaoyan2017 阅读(43332) 评论(11) 推荐(11) 编辑
摘要: 介绍 uniapp自定义弹窗组件uniPop,基于uni-app开发的自定义模态弹窗|msg信息框|alert对话框|confirm确认框|toast弱提示框 支持多种动画效果、多弹窗类型ios/android、可以自定义弹窗样式/自定义多按钮及事件/弹窗显示位置、自动关闭秒数、遮罩层透明度及点击遮 阅读全文
posted @ 2019-09-26 10:06 xiaoyan2017 阅读(64542) 评论(4) 推荐(0) 编辑
摘要: 最近一直在学习uni-app开发,由于uniapp是基于vue.js技术开发的,只要你熟悉vue,基本上很快就能上手了。 在开发中发现uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框,只需在page.json里面做一些配置即可。设置app-plus,配置编译到App平台的特定样式。dclo 阅读全文
posted @ 2019-09-17 01:19 xiaoyan2017 阅读(73755) 评论(3) 推荐(7) 编辑
摘要: react+react-native+react-navigation+react-redux+react-native-swiper+rnPop等技术开发仿微信聊天室RN_ChatRoom,实现了app全屏启动页、popupWindow弹窗菜单、消息触摸列表、发送消息、表情(动图),图片预览,拍摄图片、发红包、仿微信朋友圈等功能 阅读全文
posted @ 2019-09-01 03:13 xiaoyan2017 阅读(10941) 评论(2) 推荐(1) 编辑
摘要: 前序 纵观a56爆大奖在线娱乐优质项目,无论web端还是native原生应用开发,弹窗都是不可忽视的一环,能很大程度上直接决定用户体验。如:微信、支付宝、ios都有很成熟的一套弹窗UI展示场景。 最近一直沉迷在react-native开发研究中,学习起来发现没有想象的难,不过也采坑了不少。鉴于之前有基于h5和小程序 阅读全文
posted @ 2019-08-03 03:41 xiaoyan2017 阅读(10434) 评论(2) 推荐(0) 编辑
摘要: 一、项目介绍 运用angular+angular-cli+angular-router+ngrx/store+rxjs+webpack+node+wcPop等技术实现开发的仿微信angular版聊天室angular-chatroom实例项目,实现了下拉刷新、聊天消息右键菜单、发送消息、表情(动图), 阅读全文
posted @ 2019-07-16 14:42 xiaoyan2017 阅读(4896) 评论(2) 推荐(1) 编辑
摘要: 一、项目介绍 基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+nodejs等技术混合开发的仿微信web端聊天室reactWebChat项目,实现了聊天记录右键菜单、发送消息、表情(动图),图片、视频预览,浏览器截图粘贴发 阅读全文
posted @ 2019-06-29 12:27 xiaoyan2017 阅读(9117) 评论(5) 推荐(3) 编辑
友情链接:web码农◆前端技术B站