yxybox_个人页

最新原创uniapp+vue3仿微信界面聊天app系统

最新原创研发uniapp+vue3实战跨端仿微信App界面聊天程序。支持运行到H5+小程序+APP端。

最新研发flutter3.32+window_manager客户端OS管理系统

原创Flutter3.32+Dart3.8+Getx+Window_Manager实战桌面客户端os系统解决方案。支持macOS和windows两种主题风格、自定义桌面栅格布局。

基于uni-app+vite5+vue3实战短视频+直播+聊天app应用

基于uniapp+vue3+vite5从0-1实战搭建仿抖音/微信直播带货商城。集短视频+聊天+直播功能于一体。实现全屏沉浸式切换短视频/直播，支持编译运行到h5+小程序端+app端。

tauri2.0+vite6接入deepseek-v3电脑端ai流式多轮聊天对话系统

原创重磅新作tauri2.0+vite6+deepseek-v3+arco-design实战客户端AI流式聊天对话系统。整合 Tauri2.x 接入 DeepSeek-V3 大模型。支持多窗口浅色+暗黑主题、代码高亮、本地会话缓存。

flutter3.27接入deepseek-v3跨平台ai流式聊天问答系统

原创基于flutter3.27整合接入deepseek搭建一款高颜值跨平台流式输出ai对话小助手。支持代码高亮、本地会话存储、支持手机端/桌面端显示。 支持markdown代码块高亮、代码块横向滚动、表格边框线、图片100%宽度渲染、图片预览、链接跳转。

uni-app+vue3接入deepseek-v3搭建跨端ai流式(小程序+app+h5)

基于Uniapp+Vue3+Markdown接入DeepSeek-V3聊天大模型，支持编译到H5+小程序+App端。实现流式输出、支持亮色/暗黑主题、代码高亮、会话本地存储等功能。

electron35-vue3-deepseek客户端流式输出AI对话系统

Electron35-DeepSeek桌面端AI系统|vue3.5+electron+arco客户端ai模板。2025跨平台ai实战electron35+vite6+arco仿DeepSeek/豆包ai流式打字聊天助手。

vue3.5接入deepseek-v3网页版ai流式多轮聊天问答助手

vue3-deepseek-webai：原创新作vite6+vue3.5+deepseek-v3+arco-design实战一款高颜值网页版ai多轮输出对话小助手。

deepseek-vue3ai流式输出AI对话助手

原创新作vue3.5+deepseek+vite6+vant4仿DeepSeek-R1流式输出ai聊天对话。支持AI流式打字输出效果、浅色/暗黑主题模式、代码高亮、针对移动端+PC端适配处理。

flutter3-wetrip跨平台自研仿携程app预约酒店系统模板

基于最新跨平台框架flutter3.x+dart3+getx+flutter_datepicker纯手写实战的一款仿去哪儿/携程旅游酒店预约客房app系统。

flutter3-dart3-dymall原创仿抖音(直播+短视频+聊天)商城app系统模板

基于最新版flutter3.27+dart3.x+Getx+mediaKit原创实战研发抖音app带货商城项目。集成了直播+短视频+聊天三大功能模块。实现了类似抖音app首页全屏沉浸式联动左右滑动页面模块、上下滑动短视频。

tauri2-vue3-macos首创跨平台桌面OS系统模板

自研Tauri2.0+Vite6+Pinia2+Arco-Design+Echarts+sortablejs桌面端OS管理平台系统。提供macos和windows两种桌面风格模式、自研拖拽式栅格引擎、封装tauri2多窗口管理。

uni-vue3-wetrip自创跨三端(H5+小程序+App)酒店预订app系统模板

vue3-uni-wetrip原创基于vite5+vue3+uniapp+pinia2+uni-ui等技术开发的仿去哪儿/携程预约酒店客房app系统。实现首页酒店展示、预订搜索、列表/详情、订单、聊天消息、我的等模块。支持编译H5+小程序+App端。

harmony-chatroom 自研纯血鸿蒙OS Next 5.0聊天APP实战案例

HarmonyOS-Chat是一个基于纯血鸿蒙OS Next5.0 API12实战开发的聊天应用程序。这个项目使用了ArkUI和ArkTS技术栈，实现了类似微信的消息UI布局、输入框光标处插入文字、emoji表情图片/GIF动图、图片预览、红包、语音/位置UI、长按语音面板等功能。

flutter3-dylive 基于flutter3.19+getx短视频/直播应用

基于跨端技术flutter3.19+dart3+getx实战短视频/直播应用项目。

基于flutter3.22+getx手机端os系统管理FlutterOSX

flutter3-osx原创研发手机桌面式OA管理系统新解决方案模式。

原创自研uniapp+vue3手机桌面os管理系统

vue3-uniapp-os一款基于uniapp+vue3跨端手机版后台os系统新解决方案。

Vue移动端弹窗组件|Nuxt模态框|Vue仿天猫底部弹出框

趁着国庆假期在倒腾Nuxt.js项目，由于项目需要，自己造了个Nuxt自定义对话框VPopup。集合了有赞Vant组件中的Popup弹层、Dialog对话框、Toast提示框及ActionSheet动作面板框等功能。

基于flutter仿微信聊天室|dart+flutter聊天实例

react+taro多端对话框|仿微信/taro-ui弹窗效果

基于vue+uniapp直播室实例|仿陌陌/抖音效果

Uni直播是一个运用uni-app+nvue+vuex等技术实现的类似抖音/陌陌功能的直播聊天室项目，功能效果类似陌陌直播上下滑动切换，有聊天/礼物/评论等功能。 预览效果 如上图：可编译到多端，在小程序/H5端/App端效果基本一致 技术栈 编辑器+技术：HBuilderX2.

uniapp仿微信聊天室|仿微信界面

基于uniapp+vue仿微信聊天室uniapp-chatroom项目，vue语法及类似小程序api开发原生APP应用，实现了发送图文消息、表情(gif动图)，图片预览、地图位置、红包、仿微信朋友圈等功能。

uni-app自定义Modal弹窗|alert对话框|Toast提示

uniApp自定义模态弹窗模板uniPop，实现了uniapp仿微信、android、ios弹窗效果，msg信息框/confirm确认框 uniPop内置多种动画效果、可供选择类型ios/android、可以自定义弹窗样式/自定义多按钮及事件/弹窗显示位置、自动关闭秒数、遮罩层透明度及点击遮罩是否关闭 如下图：H5/小程序/App三端效果兼容性一致。

uni-app导航栏自定义配置|仿App原生导航条

uniapp自带的原生导航条能满足一般项目需求，但是对于一些复杂导航栏，如：京东、淘宝、微信顶部导航，这时就需要进行自定义配置了。基于uniapp实现的自定义仿微信导航栏uni_headerBar，支持背景渐变、标题居左/居中、搜索条、按钮支持文字/字体图标/图片 uniApp原生导航栏 uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框，只需在page.json里面做一些配置即可。

RN仿微信app聊天|react native群聊|红包|朋友圈实例

RN原生app聊天应用RN_chatRoom，基于react-native+react-navigation+react+redux+react-native-image-picker等技术实现的仿微信界面聊天实例。

react-native自定义Modal、Dialog弹窗|RN原生android/ios弹窗

前段时间就有使用react开发过一些项目，发现react框架有些意思，当初就想着要学习下原生Native技术，最近空闲就一直在研究react-native技术，采坑了不少。一顿学习下来发现没有想象的难。

angular+h5聊天室|聊天实战angular版

最近一直在学习angular，毕竟ng在前端开发中有很庞大的用户量，值得尝试一下，几天学习下来，发现并没有想象的难，如是就利用angular全家桶技术开发了个angular-chatroom仿微信聊天室项目。

react+网页端聊天项目|仿微信web版

前段时间有使用react全家桶技术开发过一个react版手机端聊天室，最近又接着捣鼓pc端聊天室。一、项目介绍基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+nodejs等技术混合开发的仿微信web端聊天室reactWebChat项目，实现了聊天记录右键菜单、发送消息、表情(动图)，图片、视频预览，浏览器截图粘贴发送等功能。

react+redux聊天IM系统|react仿微信界面

之前有使用vue开发过一版vue聊天室，最近就捣鼓着用react技术尝试下。基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+react-photoswipe+swiper等技术混合开发的手机端仿微信界面聊天室——reactChatRoom，实现了聊天记录下拉刷新、发送消息、表情(动图)，图片、视频预览，打赏、红包等功能。

vue网页端web聊天IM实例|仿微信客户端vue版

很早之前就有使用html5技术开发过一个web版仿微博、微信聊天系统，后来想着用vue技术开发一版，后面由于各种事情，一直没能落定。最近有些空闲就使用vue开发了一个vueWechat聊天室项目。使用了Vue2.5.6+Vuex+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术开发，实现了发送消息、表情(动图)，图片、视频预览，仿微信右键菜单、网页截图可直接粘贴至编辑框发送。

vue仿微信界面聊天室项目|vue聊天案例

基于vue开发的仿微信聊天室vue-wechatRoom实例，vue版仿微信聊天界面|仿微信聊天对话框vue版，使用了vue2.0+vuex+vue-router+webpack+wcpop等技术开发，实现了消息、表情发送，图片、视频预览、打赏、红包等功能。

h5语音聊天|仿微信语音效果|摇一摇|支付键盘

小程序自定义数字键盘|仿微信支付、支付宝支付密码键盘

支付宝小程序自定义弹窗插件wcPop|模态弹窗model|弱提示Toast

支付宝小程序弹窗插件wcPop|小程序自定义弹窗组件|提示框alert、确认框confirm及prompt、toast提示 请原谅我在这里吐槽下，微信小程序、支付宝小程序官方提供的交互反馈弹窗  如：提示框alert、确认框confirm及prompt、toast弱提示等插件功能比较有限，很多想要的效果都达不到。

微信小程序自定义弹窗组件showModel|toast信息框

html5直播实例|h5仿陌陌、仿火山小视频

这段时间直播、小视频比较火，于是空余时间利用h5开发的仿陌陌、抖音、火山小视频项目，使用到了html5+css3+jQuery+iscroll+swiper+wlsPop+wcMsgTips等技术架构开发，界面功能效果挺不错哒！！！                

h5仿同程、携程、去哪儿酒店预订webapp项目实例

仿钉钉办公h5案例

html5在线咨询|h5在线客服(仿微信功能)

之前有开发过h5仿微信聊天，最近又尝试着开发了一个h5在线咨询系统，顾客可在线一对一聊天沟通，有些类似阿里旺旺聊天网页版，发送消息、表情(动图)，发送图片，推送商品链接。

h5微聊-高仿微信聊天界面实战案例分享

h5仿微信|h5仿微信界面|h5仿微信聊天(单聊、多聊) h5微聊场景——高仿微信聊天实战项目，可单聊、多聊操作，运用到html5+css3+zepto+weui+wcPop+swiper等多种技术，实现了预览图片(双击放大、手指缩放)、 播放视频及发送消息、表情，打赏、霸屏、发红包等功能，所有弹窗使用wcPop插件统一风格，长按消息可以浮动定位弹出操作菜单。

H5旅游webapp(顺便游)|移动端旅行项目

这个世界上总有这么一类人，为了某种目的，而不得不到外地逗留，例如为了出去参加各类比赛的学生、为了出差到某地参加会议的工作人士。在他们的正事之外，他们的空余时间完全没有得到合理的安排。综合来看，针对这类人的顺带游app寥寥无几。

【精】H5移动端webapp开发(快装app)项目案例

现代人生活品质愈来愈高，之前想要了解家居的话，必须去实体门店，现在各类app如繁花乍现，也改变了人们的生活理念。app在手，全都不愁。如是利用了HTML5+css3开发了一个快速装修移动端app，界面新颖、功能不错，利用iscroll实现页面上拉刷新、下拉加载，swiper实现区块轮播。

h5比特币(币圈)项目案例

近年来比特币、币圈、区块链、区域链等词热搜，频繁地出现在网络及各大媒体平台上，尤其比特币炒的更为火热。前几天就利用HTML5+css3+jQuery来开发了一个移动端币价行情项目，用以展示比特币的相关信息。

HTML5手机端弹窗、提示框、loading加载（多功能xwPop弹窗升级版）

手机移动端响应式动画弹窗提示框插件xwPop，原生JS实现，带CSS3动画效果，丰富的JS弹出框提示信息插件，支持基本信息提示、带图标loading信息提示、confirm提示、自定义信息提示图标，仿Ios信息提示，支持较现代的浏览器。

微信小程序自定义多功能模态对话框案例实战

仿原生ios、weui设计开发的小程序自定义模态弹窗插件wxDialog，弥补了微信弹窗的局限性！！！

【分享】小程序购物车demo演示实例(全选与不全选、数量加减、价格汇总、删除提示)

 最近由于项目开发需要用到多选、单选、多个数量加减控制，就利用小程序做了个购物车demo，仅供参考。 要点： 加减商品数量(可自定义商品数量)、汇总价格、全选与全不选、删除商品弹窗提示 思路： 一、本地模拟Json数据格式的数组（1.购物车商品id：cid   2.标题title   3.图片地址   4.数量num   5.价格price   6.小计   7.是否选中selected） 二、点击复选框操作 如已经选中的，经点击变成未选中，反之而反之 点击依据index作为标识，而不用cid，方便遍历 三、全选操作 首次点击即为全部选中，再次点击为全不选。

【赞】H5作品项目案例、仿微信聊天HTML5页面源码

HTML5+css3开发的微信手机聊天功能，可以发表情、有红包、打赏、霸屏弹窗功能，还可以长按删除操作！ ===主张原创设计，拒绝数量、追求质量！ ===独特的设计风格，体现企业品牌文化。