uniApp
【UniApp】-uni-app-网络请求
前言 经过上个章节的介绍，大家可以了解到 uni-app-pinia存储数据的基本使用方法 那本章节来给大家介绍一下 uni-app-网络请求 的基本使用方法 步入正题 首先我们打开官方文档，我先带着大家看一下官方文档的介绍：https://uniapp.dcloud.net.cn/api/requ ......
uniapp之scroll-view添加自定义刷新
自定义scroll-view 下拉及复位 来自：https://ask.dcloud.net.cn/question/176935 <template> <view class="action"> <scroll-view scroll-y :style="'height:'+listHeight+ ......
在 uniapp 中为 App 添加权限告知目的
const permission = { // 初始化状态 state: { // 处理应用程序权限请求 WRITE_EXTERNAL_STORAGE: false, ACCESS_FINE_LOCATION: false, CALL_PHONE: false, CAMERA: false, REC ......
uniapp实现水印
1.新建水印文件 <template> <view class="make"> <view class="list"> <view class="item" v-for="i in 500"> <text>{{info}}</text> </view> </view> <slot></slot> < ......
【UniApp】-uni-app-pinia存储数据
前言 经过上个章节的介绍，大家可以了解到 uni-app-数据缓存 的基本使用方法 那本章节来给大家介绍一下 uni-app-pinia存储数据 的基本使用方法 经过我这么多篇章的介绍，我发现大家环境比较耗时，所以在今后的文章中，我会尽量减少环境的搭建 如果某一篇的文章环境确实是不一样的，我会在文章 ......
【UniApp】-uni-app-数据缓存
前言 好，经过上个章节的介绍完毕之后，给大家补充了一下 uni-app-数据传递的内容 那么补充了 uni-app-数据传递的内容之后，这篇文章来给大家介绍一下 uni-app-数据缓存 搭建项目 首先我们还是要先搭建一个项目，这里我就不多说了，大家可以参考上一篇文章 搭建好项目之后，我们就可以开始 ......
【UniApp】-uni-app-数据传递补充
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-CompositionAPI传递数据 那么了解完了uni-app-CompositionAPI传递数据之后，这篇文章来给大家介绍一下 uni-app-数据传递补充（也就是在补充一点内容给到大家） 先主要介绍逆向传递数据，逆向传递数据除 ......
【UniApp】-uni-app-CompositionAPI传递数据
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-传递数据 那么了解完了uni-app-传递数据之后，这篇文章来给大家介绍一下 uni-app-CompositionAPI传递数据 首先不管三七二十一，先来新建一个项目 搭建演示环境 创建一个全新的项目： 然后在配置一下，微信小程序的 ......
uniapp的editor组件在H5上无法点击的问题处理
uniapp开发的移动端H5和小程序，富文本框输入框使用了editor的组件在小程序端是运行正常的，但是在H5端出现了无法点击的情况，是好时坏 原因是H5端依赖远端的quill.min.js组件，该远端的组件偶尔会出现访问的情况文档上写的比较清楚，但是具体怎么写没有写的写的很具体 经常尝试，搞定。具 ......
【UniApp】-uni-app-传递数据
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-路由 那么了解完了uni-app-路由之后，这篇文章来给大家介绍一下 uni-app-路由传递数据 路由传参怎么传，是不是可以从 A 页面传递给 B 页面，然后 B 页面再传递给 C 页面, 也可以从 C 页面传递给 B 页面，然后 ......
【UniApp】-uni-app-路由
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-CompositionAPI应用生命周期和页面生命周期 那么了解完了uni-app-CompositionAPI应用生命周期和页面生命周期之后，这篇文章来给大家介绍一下 uni-app-路由 前面我还说过，除了有应用程序的生命周期和页 ......
uniapp nvue 手指缩放
uniapp nvue中俩个手指按下，每次只会监听到一个 uniapp 中双指缩放，touch.scale 为当前的缩放比例 <template> <view @touchstart.stop="move" @touchmove.stop="moving" > {{ touch.scale }} < ......
uniapp---使用uView
在用uniapp开发项目的时候，选择合适的UI组件，往往能够事半功倍，而 uView 就是 uniapp 生态专用的 UI 框架，但是该 UI 框架并没有内置，而需要单独引入安装： uview官网： https://uviewui.com/components/intro.html 安装步骤： 第一 ......
uniapp base64 转 png
主要用到了这个API， uni.base64ToArrayBuffer(base64) // 将Base64编码的字符串转换为ArrayBuffer对象 const base64 = res.data.img; // Base64编码的图片数据 const arrayBuffer = uni.bas ......
uniapp日常开发记录
一、uni-app中u-radio-group和u-radio点击事件的区别 <u-radio-group v-model="hcData.hcqk" style="width: 100%;" :disabled="disabled" @change="radioGroupChange"> <u-r ......
uniapp开发——纯原生渲染nvue调用uni.makePhoneCall没反应的处理办法
uni.makePhoneCall(OBJECT) | uni-app官网 (dcloud.net.cn) 正常情况下,manifest.json配置拨打电话的权限就可以了： 配置权限后重新打包，真机运行应该就可以正常的拨打电话了。 如果API没反应，那么可以试试下边这种不弹出询问框直接拨打电话的方 ......
uniapp插件市场上架插件，提示components不包含对应包名称的组件
第一次在uniapp上架了一个小组件，所有的都按照文档填写上传了，但是提交的时候一直提示不行 原来是在压缩组件源码的时候出问题，不要把 components和 static 放在一个文件夹下面压缩文件夹，要直接把 components 和 `static`` 组合压缩就行。 这是错误的 这是正确的 ......
【UniApp】-uni-app-CompositionAPI应用生命周期和页面生命周期
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-OptionAPI应用生命周期和页面生命周期 那么了解完了uni-app-OptionAPI应用生命周期和页面生命周期之后，这篇文章来给大家介绍一下 uni-app-CompositionAPI应用生命周期和页面生命周期 Compos ......
vue uniapp 弹出层背景穿透，穿层
// 投注信息弹窗 内容组件上 @touchmove.stop.prevent="() => {}" u-popup :show="show" @close="show= false" @open="open" component @touchmove.stop.prevent="() => {}" ......
【UniApp】-uni-app-OptionAPI应用生命周期和页面生命周期
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-修改组件主题和样式 那么了解完了uni-app-修改组件主题和样式之后，这篇文章来给大家介绍一下 uni-app-OptionAPI应用生命周期和页面生命周期 首先不管三七二十一，先来新建一个项目 搭建演示环境 创建一个全新的项目： ......
【UniApp】-uni-app-修改组件主题和样式
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-扩展组件 那么了解完了uni-app-扩展组件之后，这篇文章来给大家介绍一下 uni-app-修改组件主题和样式 首先不管三七二十一，先来新建一个项目 搭建演示环境 创建一个全新的项目，因为本文要修改组件主题和样式，所以这次创建项目选 ......
UniApp生命周期
当使用UniApp开发框架时，你可以利用一些生命周期钩子函数来控制页面和组件的初始化、加载和销毁过程。以下是UniApp中的所有生命周期钩子函数以及使用方法和注释解析： 一、应用生命周期钩子onLaunch(options)：应用初始化时触发，全局只触发一次。App({ onLaunch: func ......
【UniApp】-uni-app-扩展组件
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-内置组件 那么了解完了uni-app-内置组件之后，这篇文章来给大家介绍一下 UniApp 中的扩展组件 首先不管三七二十一，先来新建一个项目 搭建演示环境 创建一个全新的项目： 然后在配置一下，微信小程序的 AppId，直接去之前的 ......
【UniApp】-uni-app-内置组件
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-全局数据和局部数据 那么了解完了uni-app-全局数据和局部数据之后，这篇文章来给大家介绍一下 UniApp 中内置组件 首先不管三七二十一，先来新建一个项目 搭建演示环境 创建一个全新的项目： 然后在配置一下，微信小程序的 App ......
uniapp 微信小程序使用canvas
微信小程序基础库大于2.9.0后，canvas(画布)支持一套新 Canvas 2D 接口（需指定 type 属性），同时支持同层渲染，原有接口不再维护。在这种情况下使用原有接口会报错，报错例如： 1、使用ctx.draw()会报错：draw is not a function，原因：新版 Canv ......
记录--优雅解决uniapp微信小程序右上角胶囊菜单覆盖问题
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 大家好，今天聊一下在做uniapp多端适配项目，需要用到自定义导航时，如何解决状态栏塌陷及导航栏安全区域多端适配问题，下文只针对H5、APP、微信小程序三端进行适配，通过封装一个通用高阶组件包裹自定义导航栏内容，主要是通过设置pad ......
uniapp-ssr 避坑路线
1、创建项目：默认模版、vue3、开通unclould 2、导入uni-ssr库 3、保证hbuilderX版本为 3.8.4 4、运行：启用ssr 5、发布： 注意点：Hbuilderx 版本是重点，2、vite.config.js 的配置并没有起效果，base中设置的静态资源二级目录没有生效。 ......
uniapp滑动页面时警告Unable to preventDefault inside passive event listener due to target being treated as passive.
翻译：没有添加被动事件监听器来阻止’touchstart‘事件，请考虑添加事件管理者’passive’，以使页面更加流畅。 原因： 由于浏览器必须要在执行事件处理函数之后，才能知道有没有掉用过 preventDefault()，这就导致了浏览器不能及时响应滚动，略有延迟。 所以为了让页面滚动的效果如 ......
【UniApp】-uni-app-全局数据和局部数据
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-全局样式和局部样式 那么了解完了全局样式和局部样式之后，这篇文章我再来给大家介绍一下 UniApp 中全局数据和局部数据 搭建演示环境 创建一个全新的项目： 然后在配置一下，微信小程序的 AppId，直接去之前的项目中拷贝一下即可，找 ......
【UniApp】-uni-app概述
前言 好，经过我们前面文章的编写，大家可以了解到微信小程序开发相关的知识，了解完了这个微信小程序开发和云开发之后，从这篇文章开始，我再来给大家写一下关于 Uniapp 的知识。 好，开始，那什么是 Uniapp 呢？这个时候我们不管三七二十一，先打开我们 Uniapp 官方文档，它官方地址也很简单， ......