uni-app论坛 今日: 0|主題: 500|排名: 25 

原因： 由于主流地图（百度，高德，腾讯）商用收费属实昂贵，不得已很多人开始转战天地图。    方案： 天地图想要在uniapp项目中正常使用目前的方案有两种 1.通过web-view将html天地图嵌入项目中    优点：可以同时兼容微信小程序和APP 缺点：地图嵌入后数据交互繁琐，小程序兼容了，但是兼的不是很容 ...

综合各方经验及文档总结了以下我的使用方法，希望对有需要的同学有些帮助第一步：npm install jweixin-module --save第二步：common文件夹新建js文件，我这里命名jwx.js  jwx.js 文件内容 var jWeixin = require('jweixin-module'); export default { //判断是否在微信中 isWechat: function() { ...

1.web-view向App传递消息 官网对于uni-app使用web-view的介绍如下：web-view  注意事项提到postMessage方法,这就是web-view向App传递消息的方法，使用如下：   注意H5本身不支持uni-app里面的方法，所以在项目中引入支持调用uni-app方法的库  web-view页面使用： uni.postMessage({ data: { ...

原创研发uniapp+vue3+pinia2跨三端仿微信app聊天模板Uniapp-Wechat。 uni-vue3-wchat基于uni-app+vue3+pinia2+uni-ui+uv-ui等技术跨端仿制微信App界面聊天项目，支持编译到H5+小程序端+App端。实现编辑框多行消息/emoj混合、长按触摸式仿微信语音面板、图片/视频预览、红包/朋友圈等功能。 预览图 编译至h5+App端+小程序端 ...

uni-app 中如何使用echart • 1. 安装 ECharts • 2. 引入 ECharts • 对于 Vue 单文件组件（.vue 文件） • 对于使用 uni-app 插件市场的 ECharts 插件 • 3. 创建图表容器 • 4. 初始化图表 • 5. 配置图表 • 6. 更新图表数据 • 注意事项 ...

一、配置 1、uni-push1.0文档 https://uniapp.dcloud.net.cn/unipush-v1.html 2、服务端推送文档 https://docs.getui.com/getui/server/rest_v2/push/ 二、客户端 1、App.vue import phoneInfo from '@/common/js/phone-info.js'; import uniPushListener from '@/common/js/unipush.js'; import updateApp from '@/common ...

一.引言 在当前的移动开发生态中，跨平台框架如uni-app因其高效、灵活的特点受到了开发者们的青睐。同时，随着物联网技术的飞速发展，智能打印设备已成为许多业务场景中不可或缺的一环。今天，我们就来探讨如何使用uni-app轻松对接驰腾品牌的智能打印机，实现无线打印功能。无论您是初学者还是有经验的开发者，本教程都将 ...

已经用 uni-app+vue3+ts 开发了一段时间，记录一下日常遇见的问题和解决办法 uni-app 中的单端代码 uni-app 是支持多端，如果你想让你的代码，只在部分平台使用，那么就需要用的它的单端处理语法 //#ifdef 和 //#ifndef 等。 1. //#ifdef xxx 只在xxx平台生效 //#ifdef MP-WEIXIN menuButtonInfo = '微信' //#endif 2. / ...

项目代码以上传至码云，项目地址：https://gitee.com/breezefaith/uniapp-vue3-ts-scaffold 目录一、前言二、脚手架技术栈简介2.1 uni-app2.2 vue32.3 TypeScript2.4 Pinia2.5 Tailwind CSS2.6 uv-ui2.7 vite三、详细步骤3.1 Node.js安装3.2 创建以 typescript 开发的uniapp工程3.3 集成Pinia3.3.1 安装pinia3.3.2 修改ma ...

示例图： 文献参考： 参考文档：https://zhuanlan.zhihu.com/p/597629702 uni-app官网：uni.createSelectorQuery() | uni-app官网 微信小程序官网：canvas | 微信开放文档 海报内容准备： 1、背景图片 2、二维码 3、用户头像，用户名称 4、简短的描述文案 PS： 1、若使用<canvas type="2d" id="myCanvas"></canvas> 则报 ...

项目代码同步更新至码云 uni-vue3-ts-template 开发前准备 利用 uni-app 开发，有两种方法： 通过 HBuilderX 创建（需安装 HBuilderX 编辑器） 通过命令行创建（需安装 NodeJS 环境），推荐使用 vscode 编辑器 这里我们使用第2种方法，这两种方法官方都有详细介绍 点击查看官方文档 vscode 安装插件 安装 Vue3 插件， ...

基于uniapp+vue3+uv-ui跨端H5+小程序+App短视频+直播带货商城Uniapp-WeLive。 uni-welive一款全新基于uniapp+vue3+pinia+vk-uview等技术跨端仿制抖音/微信直播带货商城项目。支持沉浸式全屏上下滑动短视频直播，Nvue多视频层级覆盖，支持编译到兼容H5+小程序+App端。 预览效果 编译H5+小程序+App端效果如下 使用技术 编辑 ...

前言 经过上一篇文章的介绍，已经将这个计算器的计算功能实现了，接下来就是我们项目当中的一个发包上线阶段，我模拟一下，目的就是为了给大家介绍一下，uni-app是如何打包成网页的。 除了可以打包成网页，uni-app还可以打包成小程序、App、H5、快应用等等，后面在单独开文章详细介绍。 正文 接着上篇文章的项目来进行，首 ...

前言 经过上个章节的介绍，大家可以了解到 uni-app-网络请求的基本使用方法 那本章节来给大家介绍一下 uni-app-自定义组件 的基本使用方法 原本打算是直接写项目的，在写项目之前还有个内容需要我在码一篇文章，所以就先码这篇文章了 本章节的内容比较简单，大家可以快速的过一遍，然后在项目中使用 就是自定义组件，虽然 ...

前言 经过上个章节的介绍，大家可以了解到 uni-app-数据缓存 的基本使用方法 那本章节来给大家介绍一下 uni-app-pinia存储数据 的基本使用方法 经过我这么多篇章的介绍，我发现大家环境比较耗时，所以在今后的文章中，我会尽量减少环境的搭建 如果某一篇的文章环境确实是不一样的，我会在文章中说明，然后编写对应的搭建 ...

前言 好，经过上个章节的介绍完毕之后，给大家补充了一下 uni-app-数据传递的内容 那么补充了 uni-app-数据传递的内容之后，这篇文章来给大家介绍一下 uni-app-数据缓存 搭建项目 首先我们还是要先搭建一个项目，这里我就不多说了，大家可以参考上一篇文章 搭建好项目之后，我们就可以开始我们的正文了 步入正题 首先 ...

前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-路由 那么了解完了uni-app-路由之后，这篇文章来给大家介绍一下 uni-app-路由传递数据 路由传参怎么传，是不是可以从 A 页面传递给 B 页面，然后 B 页面再传递给 C 页面, 也可以从 C 页面传递给 B 页面，然后 B 页面再传递给 A 页面（可以顺着传也可以逆着传递 ...

前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-CompositionAPI应用生命周期和页面生命周期 那么了解完了uni-app-CompositionAPI应用生命周期和页面生命周期之后，这篇文章来给大家介绍一下 uni-app-路由 前面我还说过，除了有应用程序的生命周期和页面的生命周期以外，其实还有组件的生命周期，组件的生命 ...

前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-扩展组件 那么了解完了uni-app-扩展组件之后，这篇文章来给大家介绍一下 uni-app-修改组件主题和样式 首先不管三七二十一，先来新建一个项目 搭建演示环境 创建一个全新的项目，因为本文要修改组件主题和样式，所以这次创建项目选择 uni-ui 模板： 然后在配置 ...

前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-内置组件 那么了解完了uni-app-内置组件之后，这篇文章来给大家介绍一下 UniApp 中的扩展组件 首先不管三七二十一，先来新建一个项目 搭建演示环境 创建一个全新的项目： 然后在配置一下，微信小程序的 AppId，直接去之前的项目中拷贝一下即可，找到之前项目 ...