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

前言   在以前的一篇博客中，我记载了给公司写蓝牙锁连接的代码，然后后面我优化了一下代码，想节省一下时间，而这个节省时间让我遇到了问题。   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及页面的生命周期 为了兼容多个平台运行 ...

使用uni.previewImage方法点击图片预览 <!-- 轮播图 --> <swiper class="swiper" :circular="true" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" > <swiper-item v-for="(item,index) in swiperList" :key="index" @click="preViewPic(item)"> ...

老是碰到初版制作完成没多久，就整一出说什么要更改整个项目的色彩体系。真的是宝宝心里苦啊! 起初都是通过uni项目自带的uni.scss中定义，在替换页面上对应的css。以便于达到一次性修改整体布局的样式。 一.uni.scss 使用方式 在该文件里定义： $名字 ：颜色值； 使用时需要在 style 节点上加上 lang=“scss” <style l ...

我们在运用uni-app开发小程序或h5时，常常需要页面实现下拉刷新功能。 在 js 中定义 onPullDownRefresh 处理函数（和onLoad等生命周期函数同级），监听该页面用户下拉刷新事件。 步骤： 1、需要在pages.json 里，找到的当前页面的pages节点，并在 style 选项中开启enablePullDownRefresh。2、当处理完数据刷 ...

1、打开微信支付分页面：首先需要将这个小程序绑定的商户号开通微信支付分服务，然后使用navigateTominiProgram跳转微信支付分小程序，跳转时需要传参，其中appId和path是固定的(为要跳转的小程序的参数，此时使用的是微信支付分的参数)，然后在extraData中设置的是当前小程序的一些参数。 uni.navigateToMiniProgram( ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、开发环境 uni-app 官方文档地址 原生开发者支持 1、Android Studio 下载地址：Android Studio官网 OR Android Studio中文社区 2、最新版的HBuilderX 3、App离线SDK下载：最新android平台SDK下载 4、3.1.10版本起需要申请Appkey，申请请参考 二、准备环 ...

基于上一篇文章对AJAX概念的描述，那么目前流行的uni-app到底是怎么发请求的呢，我会把格式写在下面 使用uni.request()发起GET请求: 使用uni.request()发起POST请求 let url = "url地址" url.request( { url } ).then( result =>{ result[1].data 就是响应主体 }).catch( err=>{ } ) let url = "" uni.request( { u ...

uni-app介绍 官方网页 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 即使不跨端，uni-app同时也是更好的小程序开发框架。 具有vue和微信小程序的开发经验，可快速上手uni-app 为什么要去学习uni-app？ ...