hello-uniapp:基于 uni-app 框架的多平台应用示例项目

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、鸿蒙Next、Web(响应式)、以及各种小程序(微信/支付宝/百度/抖音/飞书/QQ/快手/钉钉/淘宝/京东/小红书)、快应用、鸿蒙元服务等多个平台

分支7Tags0
文件最后提交记录最后更新时间
publish v3.2.11 4 年前
feat: 同步隐私协议组件 9 个月前
test: 增加web-view点击位置偏移测试例 10 个月前
feat: 移除截图测试,改为逻辑判断 9 个月前
fix:替换图片资源地址 1 年前
feat: 适配元服务,添加条件编译,移动部分文件位置 10 个月前
新增vue和nvue的vuex测试例 1 年前
fix: update uniui 3 个月前
fix: 兼容 editor vue3 的发行方案 2 年前
update: 更新vant组件 6 年前
update: add inner-audio 示例 5 年前
docs: nvue linguist-language Vue 7 年前
ignore .hbuilderx/ 5 年前
fix: 升级中心引用添加条件编译 1 年前
Initial commit7 年前
fix:替换图片资源地址 1 年前
publish 3.4.9 10 个月前
feat: 适配元服务,添加条件编译,移动部分文件位置 10 个月前
test: 添加 jest.config.js 2 年前
新增pinia测试例 1 年前
fix: 更新uni_modules、更新示例组件 2 年前
publish 3.4.9 10 个月前
feat: 补充 crypto 测试 (cherry picked from commit 16a724fd12f3e3ffdc377cb4c4d4d8c581ede791) 10 个月前
feat: 适配元服务,添加条件编译,移动部分文件位置 10 个月前
+ uni-ui 新增 uni-goods-nav 组件角标的前景色和背景设置 + uni-ui 新增 uni-drawer 组件 width 属性修改,仅在 vue 页面生效 + uni-ui 新增 uni-drawer 组件 maskClikc 属性,点击遮罩是否可以关闭抽屉 + uni-ui 新增 uni-drawer 组件滚动内容示例 + uni-ui 新增 uni-popup 组件的信息提示、对话框、底部分享示例三种扩展样式 + uni-ui 优化 uni-popup 组件部分代码逻辑,可支持自定义扩展组件 + uni-ui 优化 uni-drawer 组件废弃 visible 属性,改用 open、close 方法开关抽屉,避免在某些场景不能正常关闭的 Bug + uni-ui 修复 uni-goods-nav 组件 buttonGroup 属性修改 color 不生效的Bug + uni-ui 修复 uni-drawer 组件 close 回调执行两遍的 Bug + uni-ui 修复 uni-popup 组件内放置 input/textarea 获取不到焦点的 Bug + uni-ui 修复 uni-swipe-action 组件按钮点击失效或点击错位的 Bug + uni-ui 修复 uni-swipe-action 组件在 ios13 中关闭组件不能触发按钮点击事件的 Bug 5 年前

hello-uniapp

uni-app框架示例,一套代码,同时发行到iOS、Android、H5、小程序等多个平台,请使用手机在下方扫码快速体验uni-app的强大功能。官方文档

快速上手

hello-uniapp 示例工程可以通过两种方式创建, 一种是 HBuilderX, 配套 IDE,集成开发;另一种是 CLI 创建;推荐前者。

通过 HBuilderX 可视化界面创建(推荐)

可视化的方式比较简单,HBuilderX内置相关环境,开箱即用,无需配置nodejs。

开始之前,开发者需先下载安装如下工具:

HBuilderX是通用的前端开发工具,但为uni-app做了特别强化,请下载App开发版。

由于截图在 github 不便浏览,参见官方文档 HBuilderX 可视化界面创建

通过 vue-cli 创建

npm install -g @vue/cli

创建uni-app

使用正式版(对应HBuilderX最新正式版)

vue create -p dcloudio/uni-preset-vue my-project

使用alpha版(对应HBuilderX最新alpha版)

vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project

此时,会提示选择项目模板,选择 hello uni-app 项目模板,如下所示:

创建好后,进入项目目录

cd my-project

执行该命令运行到 h5 端

npm run dev:h5

欢迎提 issues,推荐到官方社区提问。

扫码体验

一套代码编到10个平台,这不是梦想。眼见为实,扫描10个二维码,亲自体验最全面的跨平台效果!

注:某些平台不能提交简单demo,故补充了一些其他功能;hello uni-app示例代码可从[github](https://github.com/dcloudio/hello-uniapp)获取
快应用仅支持 vivo 、oppo、华为
360小程序仅 windows平台支持,需要在360浏览器中打开

uni-app官网文档详见https://uniapp.dcloud.io

更多uni-app的模板、示例详见插件市场

项目介绍

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、鸿蒙Next、Web(响应式)、以及各种小程序(微信/支付宝/百度/抖音/飞书/QQ/快手/钉钉/淘宝/京东/小红书)、快应用、鸿蒙元服务等多个平台

https://uniapp.dcloud.net.cn/定制我的领域

下载使用量

0

项目总下载次数(含Clone、Pull、 zip 包及 release 下载),每日凌晨更新

语言类型

Vue68.31%
JavaScript27.39%
CSS1.96%
TypeScript1.02%
SCSS0.96%