目录一、环境搭建1. 构建示例时运行环境(版本无需固定，根据自己需要调整):二、构建步骤1. 准备一个纯净的uni-app项目1.1 通过vue-cli创建uni-app2. 运行uniapp2wxpack-cli（uniapp2wxpack 3.0以上版本）2.1 运行uniapp2wxpack-cli2.2 添加project.config.json文件2.3 在
转载
2024-02-21 19:51:49
101阅读
1.2 开发工具uni-app 官方推荐使用 HBuilderX 来开发 uni-app 类型的项目。主要好处：模板丰富完善的智能提示一键运行当然，你依然可以根据自己的喜好，选择使用 VS Code、Sublime、记事本... 等自己喜欢的编辑器！
#1.2.1 下载 HBuilderX访问 HBuilderX 的官网首页 https://www.dcloud.io/hbui
转载
2024-06-15 11:29:01
243阅读
目录一、裁剪插件效果图二、插件使用1.引用插件2.完整代码 插件地址：bt-cropper图片裁剪插件 - DCloud 插件市场一、裁剪插件效果图注：该插件是结合自定义相机使用的，也可单独使用选择照片进行裁剪功能，则不需要拍照 二、插件使用1.插件引用注：引用该插件前请先前往插件市场将该插件导入项目中 <bt-cropper ref="cropper" :fi
转载
2024-09-10 11:28:29
153阅读
一、新建项目打开HBuilder点击文件-->新建-->项目 创建好的项目目录如下：二、配置项目2.1在manifest.json里配置微信小程序AppID2.2 配置运行配置 2.3 配置微信开发者工具打开微信开发者工具打开设置安全设置打开服务端口 2.4 安装sass插件因为uniapp项目使用的是
转载
2023-12-15 05:18:36
457阅读
快捷开发神器 因为uniapp是一个框架，所以很多的功能都已经写好，类似vue，例如页面路由，各种组件在新建项目时已经帮你下载好了，也不需要再注册组件等操作，直接引用即可。 01 下载编辑器下载uniapp官方编辑器HbuiderX，注册登陆。0 2 新建uniapp项目进去编辑器，新建，项目，uniapp项目，命名项目，选带ui的模板，点击创建，此时项目已经创建完毕。0
转载
2023-11-30 13:06:46
0阅读
文章目录前言一、前端组件二、模板2.1、vue/nvue 页面模板2.2、项目模板3、JS SDK4、原生sdk 前言一、插件作者制作插件时，需注意以下几点：1、前端建议使用scss预处理并引用uni.scss中的变量定义，保持各插件风格统一，方便插件使用者通过搭积木的方式开发整体风格一致的App。2、遵循插件目录规范，其中比较重要的是确定插件使用名称，详细解释下方。3、插件包中不需要包含 un
转载
2023-10-19 19:28:12
131阅读
一、uni-app自定义组件的实现流程概括（1）在根目录下创建components的目录文件（后续自定义的控件都可以放在这个目录下）（2）右键components目录，点击【新建组件】（记得勾选上创建同名目录）（3）在新创建的vue文件中可以实现自己想做的控件。（自定义控件需要实现的细节以及注意的地方可以在下面的代码示例中查看）（4）在pages.json文件中添加 "globalStyle":
转载
2023-10-23 11:31:16
0阅读
目录1、环境搭建 2、项目结构 3、uni-app组件 4、总结简单介绍：uni-app是一个使用vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到多个平台。uni-app这个框架可满足多平台发布，能够在安卓、苹果、响应式web端以及各种小程序上面同时发布自己的程序，所以这个框架现在非常的受欢迎，解决了很多人需要多端发布的需求。1、环境搭建1.首先我们要
前言每个端，有每个端的管理规则，这不是uni-app在技术层面上可以抹平的：比如H5端的浏览器有跨域限制；比如微信小程序会强制要求https链接，并且所有要联网的服务器域名都要配到微信的白名单中；比如App端，iOS对隐私控制和虚拟支付控制非常严格；比如App端，Android、国产rom各种兼容性差异，尤其是因为谷歌服务被墙，导致的push、定位等开发混乱的坑；1 设备状态栏高度statusBa
转载
2024-07-05 22:44:15
591阅读
随着业务的发展，每个公司都希望能够完善自己的数据采集，这里我们采用了AOP的方式对数据进行无埋点收集。但是有时候我们希望可以通过配置的方式决定收集什么数据，这个配置最好是让不懂开发的人去配置，比如运营，领导等，那么如何做成可视化的界面让对方能够动态的配置是我们现在需要解决的问题：如何实施的返回收集的界面数据如果是通过截图的方式，大量频繁的截图，效率问题如何保证经过我们技术的讨论我们已经决定通过截图
* 初始化蓝牙设备 */
openBluetoothAdapter() {
uni.openBluetoothAdapter({
success: e => {
console.log('初始化蓝牙成功:' + e.errMsg);
转载
2024-02-20 15:56:27
251阅读
一、引言在移动应用开发领域，跨平台开发框架越来越受到开发者的青睐。其中，uni-app 作为一款优秀的跨平台开发框架，它基于 Vue.js，支持多端开发，包括 iOS、Android、Web 和小程序等。然而，有时候我们需要在原生平台上实现一些特殊功能，这就需要使用原生插件来扩展 uni-App 的功能。本文将详细介绍如何使用 uni-App 进行 Android 原生插件开发。二、准备工作在开始
转载
2024-07-29 19:37:53
452阅读
## 什么是uniapp插件开发？
uniapp是一个跨平台应用开发框架，可以同时开发H5、小程序、App等多个平台的应用。插件开发是指在uniapp应用中集成第三方插件，以实现更多的功能和扩展应用的能力。
## uniapp插件开发流程
下面是uniapp插件开发的整个流程，我们可以通过表格展示每个步骤：
| 步骤 | 描述 | 代码示例
原创
2024-04-23 18:56:18
139阅读
uniapp 插件开发
原创
2023-02-22 10:45:52
264阅读
在小程序里播放视频是很常见的功能。在本文里，我们来看一看怎么在微信小程序里开发一个播放视频的功能。本文将使用uni-app+腾讯视频来实现。uni-appuni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、
转载
2023-09-25 11:43:54
287阅读
uni-app介绍 官方网页uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。即使不跨端，uni-app同时也是更好的小程序开发框架。具有vue和微信小程序的开发经验，可快速上手uni-app为什么要去学习uni-app
转载
2023-12-02 14:03:34
211阅读
商品详情 - SKU 模块学会使用插件市场，下载并使用 SKU 组件，实现商品详情页规格展示和交互。存货单位（SKU）SKU 概念存货单位（Stock Keeping Unit），库存管理的最小可用单元，通常称为“单品”。SKU 常见于电商领域，对于前端工程师而言，更多关注 SKU 算法 和 用户交互体验。插件市场uni-app 插件市场，是 uni-app 官方插件生态集中地。SKU 属于电商常
转载
2024-07-30 13:16:15
123阅读
记uniapp使用各种echarts插件ucharts 作者：秋云优点：个人使用所得出的缺点：重点：renderjs-echarts-deom 作者： 猫猫猫猫使用方法：优点：个人使用所得出的缺点：重点：ucharts封装组件版本 使用方法：优点：重点：个人使用所得出的缺点： ucharts 作者：秋云平台兼容性最多。包含以上两个的功能。图例最多，并在持续维护的强大插件！而且有官网，有详细的说明
转载
2024-05-29 08:37:18
91阅读
uniapp开发原生module插件准备jdk1.8及以上android studio 以下统称 ide官方sdkHBuilderx开发ide创建一个No Activity创建一个Module选择Android Library导入官方sdk 作为参考改变module build.gradle 的dependenciesapp添加uniapp-release.arr 插件 放在app->lib
转载
2023-10-25 18:13:33
554阅读
一、插件简介Zhimi-BeautyCamera(智密 - 美颜相机图册插件)是一个支持美颜录像，美颜拍照，选择图视频功能，带录像参数时长限制的uniapp原生插件。平台支持：Android、IOS 二、效果预览在App端测试效果如下： 体验DEMO（安卓浏览器扫码下载） 三、开始使用(1): 引入插件首先创建工程，添加
转载
2023-09-08 23:13:30
1835阅读
