uni-app论坛 今日: 0|主题: 500|排名: 35 

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？ ...

uni-app如何解析html标签 ，主要包括 uni-app如何解析html标签 使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。 一、导入rechText.js /* graceUI rich-text 加强工具 link : graceui.hcoder.net author : 5213606@qq.com 深海 */ // 正则变量 var graceRichTextReg; ...

uni-app APP横屏和竖屏 uni-app APP横屏和竖屏 1、APP判断横屏和竖屏 uni.getSystemInfo({ // 获取系统信息 success: function (res) { // 屏幕方向数值： HOME键在右, 0 - 竖屏； 90 - 横屏； HOME'键在左, 180 - 反向竖屏； -90 - 反向横屏; let orientation = plus.navigator.getOrientation(); var ...

状态管理 Pinia 此功能和VUEX类似，局有全站通用状态共享的特性。 在 HBuilder X 下不需要安装，直接使用即可，步骤如下： 第一步：在 main.js 中引入插件： import { createSSRApp } from 'vue'; import * as Pinia from 'pinia'; export function createApp() { const app = createSSRApp(App); app.use(P ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 说明 基于uni-app开发，调用官方蓝牙相关api实现连接蓝牙与向蓝牙热敏打印机发送字节流，可打印文字，二维码，图片，调整字体大小等，本文提供大概思路 结构 bluetooth.js 蓝牙连接相关模块封装 commands.js 打印十六进制相关代码库 gbk.js 编码转换库 ...

条件编译可以使一套代码，在不同平台下执行不同的部份。比如在APP内执行A，在小程序内执行B。 条件编译可以出现在：template、style、script 三个模块内。在三个模块内编译代码也不一样。 比如在template内，输入ifdef 按回车，代码如下： <!-- #ifdef APP-PLUS --> 在APP平台下执行这部份 <!-- #endif --> 比如在style内 ...

uni-app页面跳转传递参数 <navigator> 首先来看看官网给的介绍： navigator官网介绍 页面跳转。 该组件类似HTML中的<a>组件，但只能跳转本地页面。目标页面必须在pages.json中注册。 该组件的功能有API方式，另见：https://uniapp.dcloud.io/api/router?id=navigateto(opens new window) 属性说明 属性名 类型 默认值 说 ...