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

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

前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-全局样式和局部样式 那么了解完了全局样式和局部样式之后，这篇文章我再来给大家介绍一下 UniApp 中全局数据和局部数据 搭建演示环境 创建一个全新的项目： 然后在配置一下，微信小程序的 AppId，直接去之前的项目中拷贝一下即可，找到之前项目的 manifest.js ...

前言 好，经过我们前面文章的编写，大家可以了解到微信小程序开发相关的知识，了解完了这个微信小程序开发和云开发之后，从这篇文章开始，我再来给大家写一下关于 Uniapp 的知识。 好，开始，那什么是 Uniapp 呢？这个时候我们不管三七二十一，先打开我们 Uniapp 官方文档，它官方地址也很简单，叫做 dcloud.io： 这就是 ...

前言 好，经过上个章节的介绍完毕之后，了解了一下 UniApp 的一个全局 页面配置文件，也就是我们的一个 pages.json 文件。 那么了解完了这个文件之后，这片文章，再了解一下 UniApp 的一个全局样式和我们的局部样式。 搭建演示环境 创建一个全新的项目： 然后在配置一下，微信小程序的 AppId，直接去之前的项目中拷贝一下 ...

前言 小程序商城系统是当前备受追捧的开发领域，它可以为用户提供一个更加便捷、流畅、直观的购物体验，无需下载和安装，随时随地轻松使用。今天给大家推荐一个基于.NET、Uni-App开发支持多平台的小程序商城系统（该商城系统完整开源、无封装无加密、商用免费、支持二次开发、支持跨平台、支持多数据库）：核心商城系统（Co ...

uni-app中使用地图显示当前的位置 我们现在的需求是，显示用户在地图上所处的位置。 有的小伙伴可能会说，这个是不是需要接入第三方的地图。 其实是不需要的，从目前这个需求来看。 我们只需要引入uni-app提供的内置组件 map 。 然后设置经纬度以及缩放大小就行 下面我们就来简单的演示一下 使用 map 组件显示某一个位置 ...

该插件适用于一般的请求场景， 只支持post、get、put和delete请求，目前不适用于其他的请求形式，比如上传，下载等。插件定位为 小而美，而不是大而全，目标是切合实际，开箱即用。 平台差异说明 AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序 √ √ √ √ √ √ √ 由于某些小程序平台的限制： delet ...

一、生命周期 Vue 实例有一个完整的生命周期。 也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲 染、更新 -> 渲染、卸载等一系列过程，我们称这是 Vue 的生命周期 二、vue2生命周期（钩子函数） （1）钩子函数： 在特定阶段或特定事件发生时被执行的函数 在钩子函数中可以编写逻辑 【初始化操作、发送请求、处理 ...

前些时候有给大家分享一篇uni-app+vite4+uview-plus搭建跨端项目。今天主要分享下在uniapp中渲染markdown语法及uniapp中软键盘弹起，页面tabbar或顶部自定义navbar导航栏被撑起挤压的问题。 如上图：支持h5+小程序+App端markdown解析渲染。 上面则是演示了在App端+小程序端键盘弹起，整体页面及自定义导航条不会被顶跑 ...

uni-app开发的APP跳转到微信小程序需要调用H5+的原生界面控件。 注意事项： 用到了分享功能，在打包原生应用时，需要注意：首先勾选权限配置，manifest.json->App 模块权限配置->Share。然后，manifest.json->App SDK 配置->分享，按照提示填写微信 ...

最近得空学习了下uniapp结合vue3搭建跨端项目。之前也有使用uniapp开发过几款聊天/仿抖音/后台管理等项目，但都是基于vue2开发。随着vite.js破局出圈，越来越多的项目偏向于vue3开发，就想着uniapp搭配vite4.x构建项目效果会如何？经过一番尝试果然真香~ 版本信息 HBuilderX: 3.8.4 Vite: 4.2.1 uView-Plus: 3.1.31 创建 ...

场景：uni-app开启移动app，如果用户没开启消息通知提示开启因为uni-app升级到androidx，之前的android.support.v4.app.NotificationManagerCompat 已经找不到了，androidx中采用androidx.core.app.NotificationManagerCompat 判断是否开启了消息通知   var main = plus.android.runtimeMainActivity();var pkName = m ...

一、什么是uni-app         uni-app由dcloud公司开发的多端融合框架，是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。最 ...

一，第一种方法：js代码: App.vue <script> export default { onLaunch: function() { console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！') console.log('App Launch'); // #ifdef APP-PLUS plus.screen.lockOrien ...

效果图 一、创建项目 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。 uni-app在手，做啥都不愁。即使不跨端，uni-app也是更好的小程序开发框架（详 ...

uniapp尺寸单位 px转rpx uniapp尺寸单位uni-app 支持的通用 css 单位 包括 px、rpx。px即屏幕像素rpx（responsive pixel) 即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，750rpx恰好为屏幕宽度。屏幕变宽，rpx实际显示效果会等比放大，但在APP端和H5端屏幕宽度达到960px时，默认按照 375px 的屏 ...

云函数 首先创建一个uniapp项目，创建项目时选择启用uniCloud云开发。 创建项目成功后，按照下面的步骤进行开发。   创建云函数 1.关联云服务器 2.创建云函数 一个云函数可以看成是一个后台接口 云函数实现 'use strict'; exports.main = async (event, context) => { //event为客户端上传的参数 console. ...

uni-app中使用towxml 步骤见:  https://www.cnblogs.com/chuan2021/p/17223663.html   在微信小程序中的效果: 展示的css可自行调整   支持代码复制: towxml先用mardown.js把mardown转换成html, 然后再解析html，最后渲染到towxml/decode.wxml页面中， 代码会渲染到 item.tag == "view" 一段中, 这里先在par ...

目前2023/3/16日测试, 可以正常使用 环境：uni-app中Vue版本是3.0Towxml版本：3.0 Towxml 是一个让小程序（微信/QQ）可以解析Markdown、HTML的解析库。能够使小程序完美解析Markdown内容。 github地址：https://github.com/sbfkcel/towxml 下面介绍如何使用Towxml： 第一步：首先，需要构建Towxml（常规步骤，按照操作步骤 ...

uni-app 实现图片主题色的获取 <canvas canvas-id="getImageThemeColorCanvas" id="getImageThemeColorCanvas"> </canvas> canvas 元素默认宽为 300，高为 150。需要注意的是，上述代码不可或缺。 /** * 获取图片主题色 * @param path * 图片的路径，可以是相对路径，临时文件路径，存储文件路径，网络图片路径 * @par ...