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

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

效果图 一、创建项目 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 ...

前言   在以前的一篇博客中，我记载了给公司写蓝牙锁连接的代码，然后后面我优化了一下代码，想节省一下时间，而这个节省时间让我遇到了问题。   https://www.cnblogs.com/weiyanei/p/17039919.html 问题点   服务发现保存蓝牙缓存   用户扫码获取车锁信息，然后点击开锁按钮，车锁打开。   这里的开锁按钮就是需 ...

一、当我在调用store时报错： Cannot read property 'state' of undefined 具体代码如下图   解决过程： 各种尝试有点无计可施，感谢网友哪种分享，给了我解决的思路，所以我把我的解决过程及最终方案也分享给大家，希望能帮忙到别人。 1、新建简单test页。先test页直接引用store.js  先是报错，发现原来 vue3&n ...

一，官方文档地址: https://uniapp.dcloud.net.cn/component/uniui/uni-transition.html 二，代码： <template> <view> <view class="animation-element-wrapper"> <uni-transition :duration="1500" ref="ani" custom-class="transition" :mode-class="modeClass" :styles="styles" ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 本文简介 这是一次真实的 蓝牙收发数据 的全过程讲解。 本文使用 uni-app + Vue3 的方式进行开发，以手机app的方式运行（微信小程序同样可行）。 uni-app 提供了 蓝牙 和 低功耗蓝牙 的 api ，和微信小程序提供的 api 是一样的，所以本文的讲解也适用于微信 ...

微信小程序的订阅消息是小程序的重要能力之一，为实现服务的闭环提供更优的体验。订阅消息我们应该经常见到，比如下单成功之后的服务通知，支付成功后的支付成功通知，都属于小程序的订阅消息。 本文只实现一次性订阅的功能，至于长期订阅与设备订阅，有机会碰到再进行研究。 目录功能介绍消息类型基本流程注意事项获取模板 ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 本文用一个简单的 demo 讲解 App端 半屏连续扫码 的实现方式，包括（条形码、二维码等各种各样的码）。 我会从实现思路讲起，如果你比较急可以直接跳到 动手实现 章节获取代码。 开发和运行环境 开发工具：HBuilderX 前端框架：uni-app 我用了 vue3 的模 ...

setStorageSync同步存储  uni.setStorageSync("username","lty")   同步读取  let res=uni.getStorageSync("username") this.username=res   setStorage //异步存储 uni.setStorage({ key:'id', data:80, success() { console.log('存储成功！') } }) //异步读取 ...

https://uniapp.dcloud.net.cn/collocation/pages.html pages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。 它类似微信小程序中app.json的页面管理部分。注意定位权限申请等原属于app.json的内容，在uni-app中是在manifest中配置。 #配置项列表 属性 ...

背景图片 uni-app 支持使用在 css 里设置背景图片，使用方式与普通 web 项目大体相同，但需要注意以下几点： 支持 base64 格式图片。 支持网络路径图片。 小程序不支持在 css 中使用本地文件，包括本地的背景图和字体文件。需以 base64 方式方可使用。 使用本地路径背景图片需注意： 为方便开发者，在背景 ...

重点： px屏幕像素rpx响应式px屏幕基准：750px公式换算：750*元素在设计稿中的宽度/设计稿基准宽度 例如：设计稿宽度375px,元素在设计稿上的宽度为200px,那么元素在uniapp中的宽度应该设计为750*200/375，即400rpx   尺寸单位 uni-app 支持的通用 css 单位包括 px、rpx px 即屏幕像素 rpx 即响应式 px，一种根据 ...

// 1. 安装依赖 // uni-read-pages 适用于读取page.json 文件中的路由信息 npm i uni-simple-router@2.0.7 uni-read-pages // 2. 配置与初始化 // 2.1 根目录新建 vue.config.js 文件 const TransformPages = require('uni-read-pages') const { webpack } = new TransformPages() module.exports = { configureWebpack ...

目录 前言     连接蓝牙 开启蓝牙适配器  发现蓝牙 连接蓝牙 收发蓝牙数据  获取服务ID 获取特征值 读取蓝牙数据 写蓝牙数据 遇到的坑 获取serviceId的坑   特征值不支持读写  notify成功后立刻写蓝牙数据 工具方法 前言        &nb ...

Uniapp简介 uni-app：是一个使用Vue.js开发前端应用的框架，开发的代码可以发布到H5、Android、iOS以及各种小程序多个平台。 Uniapp约定的开发规范： 页面文件遵循Vue单文件组件规范 组件标签靠近小程序规范 接口靠近微信小程序规范 数据绑定及事件处理同Vue.js规范，同时补充了App及页面的生命周期 为了兼容多个平台运行 ...