摘要：
探探/Tinder是一个很火的陌生人社交App，趁着国庆假期闲暇时间倒腾了个Nuxt.js项目，项目中有个模块模仿探探滑动切换界面效果。支持左右拖拽滑动like和no like及滑动回弹效果。 一览效果 emmmm，是不是效果还不错，哈哈~ 好了，下面就简单的讲解下具体的实现过程，大家如果感兴趣的话 阅读全文
posted @ 2020-10-12 11:06
xiaoyan2017
阅读(3968)
评论(3)
推荐(3)
摘要：
基于Vue.js实现自定义Topbar+Tabbar组件|仿咸鱼底部凸起导航 最近一直在倒腾Nuxt项目，由于Nuxt.js是基于Vue.js的服务端渲染框架，只要是会vue，基本能很快上手了。 一般移动端项目，顶部导航/底部Tab功能是少不了的。本想着使用Vant组件库，可是项目中有个类似咸鱼底部 阅读全文
posted @ 2020-10-10 13:02
xiaoyan2017
阅读(4610)
评论(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
阅读(7821)
评论(3)
推荐(0)
摘要：
一、项目概述 flutter-chatroom是采用基于flutter+dart+chewie+image_picker+photo_view等技术跨端开发仿微信app界面聊天室项目。实现了消息发送/动态gif表情、弹窗、图片预览、红包/朋友圈/小视频号等功能。 Flutter3.41+DeepSe 阅读全文
posted @ 2020-05-12 23:38
xiaoyan2017
阅读(10660)
评论(3)
推荐(4)
摘要：
Flutter中如何实现沉浸式透明Statusbar状态栏效果？ 如下图：状态栏是指android手机顶部显示手机状态信息的位置。android 自4.4开始新加入透明状态栏功能，状态栏可以自定义颜色背景，使titleBar能够和状态栏融为一体，增加沉浸感。 如上图Flutter状态栏默认为黑色半透 阅读全文
posted @ 2020-04-27 03:16
xiaoyan2017
阅读(7790)
评论(1)
推荐(0)
摘要：
一、项目概况 基于Electron+vue+electron-vue+vuex+Nodejs+vueVideoPlayer+electron-builder等技术仿制微信电脑端界面聊天室实例，实现消息发送/动态表情，图片/视频预览，拖拽图片/粘贴截图发送，朋友圈/红包/换肤等功能。 二、效果图 El 阅读全文
posted @ 2020-01-09 02:22
xiaoyan2017
阅读(14231)
评论(5)
推荐(1)
摘要：
一、项目简述 taro-chatroom是基于Taro多端实例聊天项目，运用Taro+react+react-redux+taroPop+react-native等技术开发的仿微信App界面聊天室，实现了发送消息/emoj表情、gif表情大图、图片预览、发红包、动态圈等功能。 二、预览效果 编译到H 阅读全文
posted @ 2019-12-14 14:54
xiaoyan2017
阅读(6869)
评论(0)
推荐(0)
摘要：
基于Taro多端实践TaroPop：自定义模态框|dialog对话框|msg消息框|Toast提示 taro自定义弹出框支持编译到多端H5/小程序/ReactNative，还可以自定义弹窗类型/弹窗样式、多按钮事件/样式、自动关闭、遮罩层、弹窗显示位置及自定义内容模板 用法 ▍在相应页面引入组件 i 阅读全文
posted @ 2019-12-02 11:51
xiaoyan2017
阅读(8715)
评论(0)
推荐(0)
摘要：
运用Taro实现多端导航栏/tabbar实例 (H5 + 小程序 + React Native) 最近一直在捣鼓taro开发，虽说官网介绍支持编译到多端，但是网上大多数实例都是H5、小程序，很少有支持RN端。恰好Taro是基于React技术，想着之前也做过一些react项目，如是抱着好奇深究了一番， 阅读全文
posted @ 2019-11-26 17:19
xiaoyan2017
阅读(10642)
评论(1)
推荐(0)
摘要：
一、项目简介 uni-liveShow是一个基于vue+uni-app技术开发的集小视频/IM聊天/直播等功能于一体的微直播项目。界面仿制抖音|火山小视频/陌陌直播，支持编译到多端(H5、小程序、App端) 且兼容效果一致。 二、效果预览 在H5、小程序、App端测试效果如下：(后续大图均为APP端 阅读全文
posted @ 2019-11-11 15:49
xiaoyan2017
阅读(40439)
评论(11)
推荐(11)
摘要：
一、介绍 运用UniApp+Vue+Vuex+swiper+uniPop等技术开发的仿微信原生App聊天室|仿微信聊天界面实例项目uniapp-chatroom，实现了发送图文消息、表情(gif图)，图片预览、地图位置、长按菜单、红包/钱包、仿微信朋友圈等功能。 二、测试效果 H5 + 小程序 + 阅读全文
posted @ 2019-10-10 02:22
xiaoyan2017
阅读(45603)
评论(11)
推荐(11)
摘要：
介绍 uniapp自定义弹窗组件uniPop，基于uni-app开发的自定义模态弹窗|msg信息框|alert对话框|confirm确认框|toast弱提示框 支持多种动画效果、多弹窗类型ios/android、可以自定义弹窗样式/自定义多按钮及事件/弹窗显示位置、自动关闭秒数、遮罩层透明度及点击遮 阅读全文
posted @ 2019-09-26 10:06
xiaoyan2017
阅读(66768)
评论(4)
推荐(0)
摘要：
最近一直在学习uni-app开发，由于uniapp是基于vue.js技术开发的，只要你熟悉vue，基本上很快就能上手了。 在开发中发现uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框，只需在page.json里面做一些配置即可。设置app-plus，配置编译到App平台的特定样式。dclo 阅读全文
posted @ 2019-09-17 01:19
xiaoyan2017
阅读(74732)
评论(3)
推荐(7)
摘要：
react+react-native+react-navigation+react-redux+react-native-swiper+rnPop等技术开发仿微信聊天室RN_ChatRoom，实现了app全屏启动页、popupWindow弹窗菜单、消息触摸列表、发送消息、表情(动图)，图片预览，拍摄图片、发红包、仿微信朋友圈等功能 阅读全文
posted @ 2019-09-01 03:13
xiaoyan2017
阅读(11402)
评论(2)
推荐(1)
摘要：
前序 纵观每个优质项目，无论web端还是native原生应用开发，弹窗都是不可忽视的一环，能很大程度上直接决定用户体验。如：微信、支付宝、ios都有很成熟的一套弹窗UI展示场景。 最近一直沉迷在react-native开发研究中，学习起来发现没有想象的难，不过也采坑了不少。鉴于之前有基于h5和小程序 阅读全文
posted @ 2019-08-03 03:41
xiaoyan2017
阅读(10871)
评论(2)
推荐(0)
摘要：
一、项目介绍 运用angular+angular-cli+angular-router+ngrx/store+rxjs+webpack+node+wcPop等技术实现开发的仿微信angular版聊天室angular-chatroom实例项目，实现了下拉刷新、聊天消息右键菜单、发送消息、表情(动图)， 阅读全文
posted @ 2019-07-16 14:42
xiaoyan2017
阅读(5096)
评论(2)
推荐(1)
摘要：
一、项目介绍 基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+nodejs等技术混合开发的仿微信web端聊天室reactWebChat项目，实现了聊天记录右键菜单、发送消息、表情(动图)，图片、视频预览，浏览器截图粘贴发 阅读全文
posted @ 2019-06-29 12:27
xiaoyan2017
阅读(9581)
评论(5)
推荐(3)
摘要：
一、项目概况 基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+react-photoswipe+swiper等技术混合开发的手机端仿微信界面聊天室——reactChatRoom，实现了聊天记录下拉刷新、发送消息、表情(动 阅读全文
posted @ 2019-06-21 00:44
xiaoyan2017
阅读(6473)
评论(1)
推荐(0)
摘要：
一、项目介绍 基于Vue2.5.6+Vuex+vue-cli+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术混合架构开发的仿微信web端聊天室——vueWebChat，实现了发送消息、表情(动图)，图片、视频预览，右键菜单、截屏、截图可直接粘贴 阅读全文
posted @ 2019-04-30 00:41
xiaoyan2017
阅读(37586)
评论(2)
推荐(6)
摘要：
一、项目简介 基于Vue2.0+Vuex+vue-router+webpack2.0+es6+vuePhotoPreview+wcPop等技术架构开发的仿微信界面聊天室——vueChatRoom，实现了微信聊天下拉刷新、发送消息、表情(动图)，图片、视频预览，打赏、红包等功能。 二、技术栈 MVVM 阅读全文
posted @ 2019-04-05 01:22
xiaoyan2017
阅读(59644)
评论(2)
推荐(3)
摘要：
仿微信聊天小程序weChatRoom案例，一款基于微信小程序开发的聊天室实战项目。很早之前就有开发过一个h5版聊天室，最近又在原先思路的基础上开发了个小程序版聊天室，功能效果非常接近微信聊天，实现了消息、表情发送，小程序表情解析，图片、视频上传预览，打赏、红包等微交互场景。整体界面风格及效果挺不错哒 阅读全文
posted @ 2019-01-30 01:43
xiaoyan2017
阅读(30827)
评论(3)
推荐(0)
摘要：
wcPop.js 是一款基于原生javascript开发的前端 web版 弹窗组件，遵循原生 H5/css3/JS 的书写规范，简单实用、拿来即用（压缩后仅10KB）。已经兼容各大主流浏览器。内含多种弹窗类型（普通型弹窗、仿微信|android|ios弹窗、定位弹窗、全屏弹窗），多种动画展示效果，可 阅读全文
posted @ 2019-01-06 11:41
xiaoyan2017
阅读(6374)
评论(0)
推荐(2)
摘要：
之前有开发过一个h5微直播项目，当时里面也用到过聊天模块部分，今天就在之前聊天部分的基础上重新抽离模块，开发了这个h5趣聊项目，功能效果比较类似微信聊天界面。采用html5+css3+Zepto+swiper+wcPop+flex等技术融合开发，实现了发送消息、表情(动图)，图片、视频预览，添加好友 阅读全文
posted @ 2018-12-23 00:28
xiaoyan2017
阅读(21322)
评论(4)
推荐(1)
摘要：
html5仿微信支付数字键盘|仿支付宝键盘|h5仿微信密码输入键盘|自定义数字键盘 很早之前由于项目需求，就有开发过一个h5仿微信支付键盘，这几天就把之前的数字键盘模块独立出来，重新整理开发成demo，采用h5+原生js开发，含有微信、支付宝两种键盘皮肤，可自定义普通键盘、最大值输入限制、密码键盘/ 阅读全文
posted @ 2018-12-06 23:49
xiaoyan2017
阅读(6000)
评论(1)
推荐(0)
摘要：
百度智能小程序自定义弹窗组件wcPop|百度小程序model对话框|智能小程序弹窗界面模板 最近百度也推出了自己的智能小程序，如是就赶紧去试了下，官方提供的api还不是狠完整。而且官方提供的弹窗组件也不能满足一些复杂展示场景，所以就自己动手封装了个智能小程序弹窗wcPop自定义模板插件。 百度智能小 阅读全文
posted @ 2018-11-30 00:49
xiaoyan2017
阅读(3018)
评论(0)
推荐(0)
摘要：
支付宝小程序自定义弹窗组件wcPop|小程序自定义对话框|actionSheet弹窗模板 支付宝小程序官方提供的alert提示框、dialog对话框、model弹窗功能比较有限，有些都不能随意自定义修改的。如是自己就捯饬着封装了个支付宝小程序自定义弹窗插件wcPop，多种展示场景，随意修改调用。 自 阅读全文
posted @ 2018-11-30 00:24
xiaoyan2017
阅读(4957)
评论(1)
推荐(0)
摘要：
微信小程序自定义组件弹窗wcPop|小程序消息提示框|toast自定义模板弹窗 平时在开发小程序的时候，弹窗应用场景还是蛮广泛的，但是微信官方提供的弹窗比较有局限性，不能自定义修改。这个时候首先想到的是自定义组件化开发，就是把弹出框封装成一个组件，然后多处调用。 解决了小程序开发自定义弹窗出现后，遮 阅读全文
posted @ 2018-11-18 02:01
xiaoyan2017
阅读(9335)
评论(0)
推荐(0)
摘要：
最近一些直播、小视频什么的都比较火，像陌陌、抖音、火山短视频… 于是空闲时间自己也利用html5技术也试着倒腾了下直播项目，使用到了h5+css3+iscroll+zepot+swiper+wlsPop架构开发了一个仿陌陌、火山小视频，项目效果挺不错哒！同时解决了在直播页面聊天时候页面撑起的问题。 阅读全文
posted @ 2018-11-04 15:12
xiaoyan2017
阅读(24819)
评论(6)
推荐(5)
摘要：
近几天尝试着使用html5+css3+swiper+jqUI+layerMobile等技术开发了一款仿携程、去哪儿、艺龙webapp酒店预订系统，页面图标统一使用iconfont，仿原生app右侧弹窗效果，jquery-ui实现了日期范围选择插件(入住-离店两个日期)，整体功能效果及界面挺不错哒！ 阅读全文
posted @ 2018-10-17 23:32
xiaoyan2017
阅读(4186)
评论(1)
推荐(2)
摘要：
最近一直着手开发h5仿钉钉项目，使用到了h5+css3+zepto+wcPop2等技术进行开发，实现了消息、表情、动图发送，仿QQ多人拼合图像，可以选择本地图片，并可以图片、视频预览，仿微信发红包及打赏功能(点击 “拆” 会有动画旋转动画)，还有类似微信长按消息弹出菜单(智能边界检测) h5仿钉钉项 阅读全文
posted @ 2018-09-17 01:42
xiaoyan2017
阅读(7527)
评论(0)
推荐(0)
浙公网安备 33010602011771号
UP主小店