精仿微信UI应用，基于SumerUI 3.0和Uniapp前端框架的一款仿微信APP应用，界面漂亮颜值高，视频商城小工具等，朋友圈视频号即时聊天 用于视频，商城，直播，聊天，等等场景，源码分享

已于 2024-07-01 11:21:23 修改
阅读量915 收藏 11
点赞数 41
分类专栏： 源码 Uniapp SUMER作品 文章标签： 微信 ui uni-app 源码 前端 APP 仿微信
于 2024-06-23 11:25:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaoyao_studio/article/details/139897596
版权
源码 同时被 3 个专栏收录
49 篇文章 0 订阅
订阅专栏
SUMER作品
19 篇文章 0 订阅
订阅专栏
Uniapp
13 篇文章 0 订阅
订阅专栏

sumer-weixin

介绍

精仿微信UI应用，基于SumerUI 3.0和Uniapp前端框架的一款仿微信APP应用，界面漂亮颜值高，视频商城小工具等，朋友圈视频号即时聊天 用于视频，商城，直播，聊天，等等场景，源码分享

源码说明：

本源码包只提供1.0版本，只有1.0版本是开源的，提供给大家学习研究。
源码使用Hbuilder导入插件即可使用。无后端代码。
兼容所有热门终端。小程序，安卓，iOS，H5 完美兼容！

软件架构

精仿微信UI应用，基于SumerUI 3.0和Uniapp前端框架的一款仿微信APP应用，界面漂亮颜值高，视频商城小工具等，朋友圈视频号即时聊天 用于视频，商城，直播，聊天，等等场景，源码分享
基于Sumer UI 3.0组件库（组件库源码免费下载）

安装教程
  1. 直接使用Hbuilder X导入插件即可
  2. 基于Sumer UI 3.0，代码中已包含，无需再次导入
  3. 直接运行即可

实例演示（APP，小程序，H5网站）

在这里插入图片描述

实例演示地址：点击预览

安装说明
  1. 直接使用Hbuilder X导入插件即可
  2. 基于Sumer UI 3.0，代码中已包含，无需再次导入
  3. 直接运行即可
部分截图

参与贡献
  1. Uni-app
  2. Sumer UI 3.0
  3. 程序员Sumer
版本说明

–v1.0版本
本源码包只提供1.0版本，只有1.0版本是开源的，提供给大家学习研究。
源码使用Hbuilder导入插件即可使用。无后端代码。
兼容所有热门终端。小程序，安卓，iOS，H5 完美兼容！

  1. 实例演示（APP，小程序，H5网站）

在这里插入图片描述

实例演示地址：点击预览

程序员SUMER
关注
  • 41
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
微信小程序 - 类似element puls中tabs标签页的小封装及公共组件的使用
weixin_68341137的博客
03-22 273
第一步 : 先在全局目录下新建一个 components 的文件夹以及该文件夹下的公共组件所需的一些文件 (xx.wxml xx.wxss xx.js xx.json)"usingComponents": { // 需要注册的公共组件都在这个对象下以相同的方式书写就可以啦。第二步 : 可以全局中的 app.json 文件中注册使用 也可以单独在某一个组件的 json 文件中使用。第三步 : 在需要的地方使用即可。话不多说 , 效果图和代码齐上。
精仿微信UI应用，基于SumerUI 3.0和Uniapp前端框架的一款仿微信APP应用，界面漂亮颜值高，视频商城小工具等，朋友
06-03
精仿微信UI应用，基于SumerUI 3.0和Uniapp前端框架的一款仿微信APP应用，界面漂亮颜值高，视频商城小工具等，朋友圈视频号即时聊天 用于视频，商城，直播，聊天，等等场景，源码分享 #### 安装教程 1. 直接使用...
vue+element-ui 仿PC端微信界面（只是界面）
嘿嘿
07-06 4830
效果图如下： 点击顶部，通过组件可进行拖拽（我是通过dialog实现，弹出聊天窗口的，所以用下面链接的案例实现） 此处参考链接如下： https://www.cnblogs.com/cangqinglang/p/11115365.html 具体代码如下：(只是实现了页面效果...) <el-dialogv-dialogDragtitle="":visible.sync="dialogTableVisible"custom-class="custom":modal="fal...
Vue3+ElementPlus网页端聊天|vue3.0仿微信/QQ界面实例
码农ICoding
01-22 1万+
vue3-webchat 基于vue3.0.5开发的仿微信|QQ界面桌面端聊天实例。 运用vue3.x全家桶技术+element-plus+v3layer+v3scroll搭建的仿微信/QQ界面网页聊天实例项目。实现发送表情图文消息、图片/视频预览、链接查看、粘贴/拖拽发送图片、红包/朋友圈等功能。 技术栈 编码/技术：VScode + Vue3 + Vuex4 + VueRouter@4 UI组件库：ElementPlus (饿了么桌面端vue3组件库) 对话框组件：V3Layer（基于
精仿支付宝UI界面，基于SumerUI 3.0和Uniapp前端框架，界面漂亮颜值高，视频商城小工具等，支持订制开发，模拟支付宝扫码支付/收付款，蚂蚁森林种树养鸡农场偷菜，用于视频，商城，直播，聊天
我的昵称：程序员SUMER（全网同名）
05-25 1081
精仿支付宝UI界面，基于SumerUI 3.0和Uniapp前端框架，界面漂亮颜值高，视频商城小工具等，支持订制开发，模拟支付宝扫码支付/收付款，蚂蚁森林种树养鸡农场偷菜，用于视频，商城，直播，聊天，等场景！
高仿微信聊天，基于SUMER UI 3.0和uniapp前端框架，支持文字语音，图片视频，表情，红包，转账，视频通话，语音通话，直播，商城，广告，地图，名片；1:1仿真微信聊天
我的昵称：程序员SUMER（全网同名）
05-26 787
高仿微信聊天，基于SUMER UI 3.0和uniapp前端框架，支持文字语音，图片视频，表情，红包，转账，视频通话，语音通话，直播，商城，广告，地图，名片；1:1仿真微信聊天
基于Java+Vue+uniapp微信小程序实现餐厅校园订餐平台
热门推荐
java李阳勇的博客
11-02 3万+
小程序主要功能设计：首页、个人中心、用户管理、商家管理、餐厅信息管理、美食信息管理、美食类型管理、系统管理等功能并进行详细操作
精仿百度搜索UI界面，首页/搜索页/结果页/我的，支持搜索网页，网盘资源，文档，图片，源码，影视资源，音乐，歌曲，视频等，界面漂亮颜值高，视频商城小工具等
我的昵称：程序员SUMER（全网同名）
05-25 876
精仿百度搜索UI界面，首页/搜索页/结果页/我的，支持搜索网页，网盘资源，文档，图片，源码，影视资源，音乐，歌曲，视频等，界面漂亮颜值高，视频商城小工具等
基于uniapp开发的仿小米有品的微信小程序项目源码.zip
08-21
基于uniapp开发的仿小米有品的微信小程序项目源码.zip 代码完整下载可用，亲测确保可以运行。 基于uniapp开发的仿小米有品的微信小程功能如下： 搜索热词滚动，侧滑商品推荐，吸顶推荐分类，css加载动画，下拉加载...
基于uniapp的微信读书商城小程序源码.zip
06-06
【标题】基于uniapp的微信读书商城小程序源码 ...通过学习和实践这个基于uniapp的微信读书商城小程序源码，开发者不仅可以深化uniapp和微信小程序的开发技能，还能掌握电商应用的开发流程，提升自己的全栈开发能力。
uniapp 仿微信的右边下拉选择弹出框的实现代码
10-15
在本文中，我们将深入探讨如何使用uniapp框架实现一个仿微信风格的右边下拉选择弹出框。这个组件主要用于提供用户交互，展示一系列可选项，如搜索、门店查询、货号查询等。以下是对实现这一功能的代码进行的详细解析...
仿小米商城的微信小程序源码.rar
06-08
【标题】"仿小米商城的微信小程序源码"是一个针对微信小程序开发的项目，旨在模仿小米商城的部分界面设计。这个源码集可能是开发者为了学习、练习或是展示如何构建类似电商平台的小程序界面而创建的。 【描述】提到...
【计算机毕业设计】021基于weixin小程序微信点餐
最新发布
卓怡工作室的博客
07-06 507
随着社会的发展，社会的方方面面都在利用信息化时代的优势。互联网的优势和普及使得各种系统的开发成为必需。 本文以实际运用为开发背景，运用软件工程原理和开发方法，它主要是采用java语言技术和mysql数据库来完成对系统的设计。整个开发过程首先对微信点餐小程序进行需求分析，得出微信点餐小程序主要功能。接着对微信点餐小程序进行总体设计和详细设计。总体设计主要包括小程序功能设计、小程序总体结构设计、小程序数据结构设计和小程序安全设计等；详细设计主要包括微信点餐小程序数据库访问的实现，主要功能模块的具体
android新闻app(二）
githkk的博客
07-05 210
新闻详细页：历史浏览记录SQList：分类：历史浏览记录主体UI和详细：侧边栏：参考：浩宇开发。
Jetpack Compose实战教程（五）
xiaoliluote的专栏
07-05 967
刚从命令式UI转向compose ui的小伙伴往往会有一个疑问，如果我的项目代码中用到了一些第三方的sdk，它们里面有一些自定义控件，我总不能去改别人的源码，用compose ui 重写一遍吧，成本多大啊。或者我自己项目本身就写了一些自定义控件，功能很多的，全部要用compose重写一遍，成本也很高。不用慌，compose提供了一个支持调用命令式UI的自定义View的组件。这里我以引用的第三方sdk的自定义控件（腾讯自研的pag动画）举例。
uniapp 微信小程序ui库
09-09
Uniapp 是一个使用 Vue.js 开发多端应用的前端框架，可以同时开发微信小程序、App、H5 等多个平台的应用。Uniapp 提供了一套基于 Vue 的组件库，可以用于开发微信小程序的 UI。然而，Uniapp 自身并没有提供特定的微信小程序 UI 库，开发者可以根据自己的需求选择使用第三方的 UI 库来进行界面的开发。 在给 Uniapp 开发微信小程序选择 UI 库的时候，可以考虑使用 WeUI 或 Cube UI。WeUI 是一套由微信官方设计团队为微信内网页和微信小程序量身设计的基础样式库，可以保证用户的使用感知更加统一。 Cube UI 是滴滴团队开发的基于 Vue.js 实现的精致移动端组件库，支持按需引入和后编译，具有轻量灵活、扩展性强的特点。 除了 WeUI 和 Cube UI，还有一些其他的 UI 库可供选择，比如 iViewUI。iViewUI 是一个强大的基于 Vue 的 UI 库，主要服务于 PC 界面的中后台产品，提供了丰富的基础组件，适用于开发 PC 界面的微信小程序。 但需要注意的是，iViewUI 更适用于 PC 界面，对于微信小程序可能需要根据需求进行自定义开发。 综上所述，Uniapp 可以使用 WeUI 或 Cube UI 来开发微信小程序的界面。如果需要开发 PC 界面的微信小程序，也可以考虑使用 iViewUI。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员SUMER

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值