uniapp
uniapp vue3 setup + 云开发开发个人小程序
最近使用uniapp vue3 setup + 云开发开发了个人小程序，设计使用figma软件，看下成品截图吧（可以直接微信搜索【识光】小程序体验,或者最底部有码可以直接扫） ......
uniapp-黑马优选学习01
01. IDE使用 HBuilderX 02. scss/sass 插件安装：为了方便 样式的编写 地址： https://ext.dcloud.net.cn/plugin?name=compile-node-sass 03. 快捷键方案的设置、IDE主题色的设置、基本设置（ctlr 加 alt 加 ......
Uniapp获取手机存储权限
// 判断有没有存储权限 qxcz(){ var _this = this plus.android.requestPermissions(['android.permission.WRITE_EXTERNAL_STORAGE'], function(e) { if (e.deniedAlways. ......
uniapp安卓权限配置说明
UNI-APP 打包app权限配置 里面涉及到 定位， NFC, 相册， 语音， 指纹， 人脸等 权限 名称 描述 android.permission.ACCESS_CHECKIN_PROPERTIES 访问登记属性 读取或写入登记check-in数据库属性表的权限 android.permiss ......
vue3+ TS pinyin uniapp 索引列表-(A-Z)按首字母排序 ，锚点定位
获取一维数组 地址列表 <script lang="ts" setup> import { getLocationList } from "@/apis/activity"; import {onLoad} from "@dcloudio/uni-app"; import { pinyin } fr ......
uniapp+微信小程序+vue3 实现富文本编辑器遇到的坑
问题一：富文本编辑器初始化实例出不来，有两个原因： 找的参考代码不适用微信小程序，需要用.in(this) uni.createSelectorQuery() .in(this) .select("#editor") .context(res => { this.editorCtx = res?.c ......
uniapp打包所需的ios证书和证书profile文件获取的图文教程
使用uniapp进行云打包，可以打包android和ios两种app，但是uniapp官方并不能凭空产生这两种平台所需的打包证书。
那么这两种打包证书又是如何获取呢？
android相对简单，使用jdk的工具生成就可以了，也可以使用香蕉云编来一键生成。
但是ios证书的生成就没有这么简单，因为... ......
uniapp主题切换功能的方式终结篇（全平台兼容）
前面我已经给大家介绍了两种主题切换的方式，每种方式各有自己的优势与缺点，例如“scss变量+vuex”方式兼容好但不好维护与扩展，“scss变量+require”方式好维护但兼容不好 ......
uniapp render.js
1、操作数据 <template> <view class="content"> <view @click="renderScript.emitData">获取renderjs数据</view> {{ name }} </view> </template> <script> export defau ......
uniapp离线打包总结
# uniapp离线打包总结 ### 一、准备好Android Studio的项目外壳，这里采用的是https://nativesupport.dcloud.net.cn/AppDocs/download/android.html# ![image-20230607132833071](https: ......
uniapp主题切换功能的第二种实现方式（scss变量+require）
在上一篇 “uniapp主题切换功能的第一种实现方式（scss变量+vuex）” 中介绍了第一种如何切换主题，但我们总结出一些不好的地方，例如扩展性不强，维护起来也困难等等，那么接下我再给大家介绍另外一种切换主题的方法“scss变量+require”的方式 ......
uniapp使用uview组件的indexList写选择城市
<template> <view class=""> <view class="top"> <view class="search-box mt10 flex alcenter"> <view class="search-input"><u-search :showAction="false" pl ......
uniapp H5中图片上传前压缩
使用处 两个基本函数 // 图片压缩函数 compressImg (file) { const that = this var files var fileSize = parseFloat(parseInt(file['size']) / 1024 / 1024).toFixed(2) var r ......
uniapp 全局背景音乐播放+暂停（跳转页面不暂停）
最近需要一个功能 是在h5中播放小游戏的背景音乐，但是跳转界面之后音乐不暂停，就是跳转多个页面之后，音乐依然在播放，在游戏界面会有设置的静音的按钮，可以开启音乐和关闭音乐。 单独建了一个music.js文件，然后引入到main中 const bgm = uni.createInnerAudioCon ......
uniapp主题切换功能的第一种实现方式（scss变量+vuex）
uniapp因为能轻松实现多端发布而得到很多开发者的青睐，但每个端的实现也有可能不同，现我把已实现的功能一点点的大家分享给大家 ......
uniapp能对接蓝牙打印机吗? 答案是肯定的
答案是肯定的，以下是一个使用“uni-bluetooth-print”插件连接蓝牙打印机的示例代码： 1. 在项目目录中运行以下命令安装插件： npm install uni-bluetooth-print 2. 在代码中导入插件： import bluetoothPrint from 'uni ......
uniapp中js中的闭包使用
问题： 在uniapp里面，使用闭包函数处理的时候，会导致$this不能全局使用。 解决方案： 第一种代码写法（以循环为例）： const obj = { a:1, b:2, c:3 } var keys = Object.getOwnPropertyNames(obj) keys.forEach( ......
uniapp专题学习（五）
# 前言 在[uniapp专题学习（四）](https://www.cnblogs.com/codexj/p/17449799.html)中学习了以下知识点： native修饰符、父子组件间的传值、sync修饰符与update响应式写法、vue的生命周期、`uniapp`的界面的交互反馈(`unia ......
uniapp 组件中使用页面的生命周期（vue2）
用于直接在组件中使用onLoad，onBackPress等 因为之前在写App的时候有许多弹窗，希望可以在有弹窗的时候先关闭弹窗，没有弹窗在执行返回事件，因此需要在页面onBackPress里面写很多判断，因此找了一些方法，写了可以直接在组件中调用页面生命周期的方法！ 使用mixin this.$c ......
uniapp专题学习（四）
# 前言 在[uniapp专题学习（三）](https://www.cnblogs.com/codexj/p/17446892.html)中学习到的知识点有计算属性`computed`、计算属性`computed`和方法`methods`的区别、vue语法的自定义组件、pops的父子组件参数传递。 ......
2023-06-01 uniapp小程序无法在真机测试中加载http开头的图片，只能加载https图片资源
如题，我把图片上传到七牛云，然后把七牛云的图片路径给小程序展示，实测在微信小程序开发者工具中能显示图片，但真机测试就不行，我试着替换成了https开头的图片就可以在真机测试中显示。 具体为什么我不太明白，只是我后续需要把我的七牛云域名升级成https才行。 ......
uniapp+vue3+ts 使用pinia报错
"hasInjectionContext" is not exported by "node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs". 11:36:19.397 at ../no ......
uniapp uni-number-box组件 步长为1，还能输入小数思路分享
正常情况，输入了步长为1，是无法在输入小数的。需求是要能输入一位小数，但如果直接步长设为0.1，又不能按1这样递增，输入数量上用起来肯定很麻烦。 于是我就想了一个折中方法，步长设为：1.01,然后值改变的时候，change事件里，四舍五入，保留一位小数，这样就能实现点击输入框左右的加减 ，页面显示的 ......
uniapp专题学习（三）
# 前言 在[uniapp专题学习（二）](https://www.cnblogs.com/codexj/p/17444066.html)中学习到的知识点有viedo组件、form表单组件、navigator路由跳转以及page.json中的tabBar配置。 ## vue语法之计算属性comput ......
uniapp onShareAppMessage里面请求后调分享（微信小程序）
onShareAppMessage() { const promise = new Promise(resolve => { request({ api: '请求名', method: 'POST', data: { "data": {} } }).then(res => { resolve({ t ......
uniapp 常用知识点
1、原生导航栏（顶部）动态修改 title uni.setNavigationBarTitle({ title:"賬號名稱" }) 2、原生导航栏（顶部）左边箭头默认是返回上一级，监听动态返回指定页面 与data()同级 // 监听原生导航栏的发回按钮 onBackPress(options) { ......
uniapp报错集合
1、swiper组件明明按照方法写了，却不起效果？ 排查发现，swiper组件宽度为0，设置swiper 宽度即可 2、报错Cannot read property 'forceUpdate' of undefined原因为未配置小程序appid 3、引用组件，明明目录里面有组件却报找不到？ 排查发 ......
uniapp安卓移动终端拨打普通电话及4GVolte通话实现
//代码 // 普通语音电话 audio.onclick = function () { // 导入Activity、Intent类 var Intent = plus.android.importClass("android.content.Intent"); var Uri = plus.and ......
uniapp专题学习（二）
# 前言 书接上回，我们学习了uniapp的基本概念、用处、vue语法在uniapp中的使用、page.json的全局配置和局部配置以及组件的使用。本节我们将继续学习uniapp组件。 # uniapp组件学习 ## viedo 视频播放组件。 常用属性：src、autoplay、loop、mute ......