极光uniapp
直播系统源代码，uniapp实现禁止video拖拽快进
直播系统源代码，uniapp实现禁止video拖拽快进 <!--1.video标签--><video id="myVideo" @timeupdate="videoFun" :src="videourl" initial-time="initial_time" ><script>export def ......
uniapp 使用camera组件IOS圆角不生效问题
<view class="cameraView gui-margin-top"> <camera class="camera-box" device-position="front" flash="off"> </camera> </view> .cameraView{ width: 600rpx; ......
uniapp+ts页面接收传参
<script setup lang="ts"> import { onLoad } from '@dcloudio/uni-app'; //接收传参 onLoad(options => { console.log(options ); }); </script> ......
uniapp中使用微信支付
超简单 wx.requestPayment({ timeStamp: zhifu.timeStamp,//需要的参数，由后端返回 nonceStr: zhifu.nonceStr,//需要的参数，由后端返回 package: zhifu.prepayId,//需要的参数，由后端返回 signType ......
uniapp底部弹出层
methods: { changeRelation() { uni.showActionSheet({ itemList:['妻子','丈夫','妈妈','爸爸','爷爷','奶奶','儿子','女儿','兄弟姐妹','亲戚','同学','同事','朋友','长辈','其他'], success: ......
uniapp 之h5修改全局滚动条(浏览器下滑有小矩形滚动条)
在index.html文件里 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, user-scalable=no ......
uniapp 自动升级机能
背景 用uniapp做一个app，用离线（即原生框架）进行打包，想实现版本自动升级的功能 环境 安卓手机，安卓pad 方法1:用 uni.downloadFile方法下载到本地之后进行更新 uni.downloadFile({ url: "https://XXXXX/xxxx.apk", succe ......
uniapp 禁止软件盘弹出
<script module="input" lang="renderjs"> export default { mounted() { this.$el.querySelector('input').setAttribute('inputmode', 'none') } } </script> ......
uniapp将时间戳转化为时间格式
import Vue from 'vue' // 时间戳——日期格式Vue.filter("formatDate",(data,type)=>{ if (!data) { return '- -' } data = String(data).length <= 10 ? data * 1000 : ......
2023-07-31 在uniapp使用canvas绘制一个圆角为50%的图片【代码来自chatGpt，稍作修改】
<template> <view> <canvas id="myCanvas" :style="{ width: '200px', height: '200px' }"></canvas> </view> </template> <script> export default { onReady() ......
uniapp之微信小程序打包上线
# 前言 本文旨在打通`uniapp`上线微信小程序之任督二脉，其实之前在`uniapp专题学习`中已经打包过一次。这一次算是复习，复习的同时也以博客的方式记录一下。😎 # 预准备 首先进入[微信公众平台](https://mp.weixin.qq.com/)，注册自己的微信小程序，完成个人信息配 ......
2023-07-31 uniapp用canvas绘制图片时报错：getImageInfo:fail invalid ==》图片加载失败，请使用不受保护的图片路径
methods: { drawPoster() { const ctx = uni.createCanvasContext('canvas', this); // 设置字体样式 ctx.setFontSize(20); ctx.setTextAlign('center'); ctx.setTextB ......
uniapp Ucharts 横向bar图 每个设置颜色不同
代码 》》》 arr = [80,80,80]let valueList = arr.map((item, index) => { let color = '' let newNumber = Number(item) if (index == 0) color = '#5593FE' if (in ......
uniapp 移动端axisLabel 设置formatter无效的解决方法
pc端是直接在option里配置 移动端在renderjs里的监听变化的时候去设置 updateEcharts(newValue, oldValue, ownerInstance, instance) { // 监听 service 层数据变更 try { newValue.xAxis.axisLa ......
uniapp中使用i18n
1.安装vue-i18n 2.根目录下新建locale文件夹，创建index.js import { createI18n } from 'vue-i18n' import en from './en.json' //locale文件夹下的英文配置 import zh from './zh.json ......
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调用js文件里面的函数
例如：common.js里面的内容： /** * 退出登录 */export function exitLogin() { console.log('退出登录233') uni.setStorageSync('token',''); uni.setStorageSync('userInfo','') ......
uniapp 使用this指针无法修改data变量的问题
原代码： Sex() { console.log(this); uni.showActionSheet({ title:"选择性别", itemList: ['男','女'], itemColor: "#55aaff", success(res) { const n=res.tapIndex+1; ......
uniapp—— request 封装
1.创建request.js uniapi(function_name, obj) { return new Promise((resole, reject)=>{ uni[function_name]({ ...obj, success: res => resole(res), fail:res= ......
uniapp webview 与vue2页面双向通信
一、准备工作 uniapp: //建立工程，创建显示的页面 <web-view src="http://192.168.0.58:8080" @message="handlePostMessage"></web-view> vue: 安装webview用到的依赖 yarn add @dcloudio ......
uniapp,打开安卓系统设置的应用信息页面或者耗电详情页面（用于用户手动设置后台启动）
openSettings() { var main = plus.android.runtimeMainActivity(); // var pkName = main.getPackageName();//获取包名 // var uid = main.getApplicationInfo().pl ......
UNI-APP_uniapp判断手机是否安装某个应用app
if (plus.runtime.isApplicationExist({ pname: 'com.tencent.mm', action: 'weixin://' })) { //安装了微信 } else { //未安装微信 } 微信：com.tencent.mm weixin:// QQ： co ......
uniapp使用文档
uniapp安装使用文档 注意事项：路径不要有中文和特殊符号关闭防火墙关闭杀毒软件安装过程复杂，出问题就重新操作一次(大多是自己不注意没按要求操作) hbuilderx：https://www.dcloud.io/hbuilderx.html夜神：https://www.yeshen.com/逍遥： ......
uniapp安装使用文档
uniapp安装使用文档 注意事项： 路径不要有中文和特殊符号关闭防火墙关闭杀毒软件hbuilderx：https://www.dcloud.io/hbuilderx.html夜神：https://www.yeshen.com/逍遥：https://www.xyaz.cn/雷电：https://ww ......
Uniapp + Vue3 引入高德小程序插件js文件失败
## 问题描述 使用uni app模板开发微信小程序过程中引入高德地图小程序插件失败， 先看代码： ``` import amap from "@/lib/amap-wx.130.js";//引入高德地图小程序插件 ``` 报错： `SyntaxError: The requested module ......
uniapp小程序(原生微信小程序也可以使用),获取接口二进制流数据上传文件到服务器
需求：通过接口返回的二进制流数据，这个流数据他是一个xlsx文档，需要给到用户一个文档线上连接。 下面是具体代码,注意只针对二进制的文件数据，如果图片上传直接调用uploadFile就可以，并且兼容原生微信小程序。 export function exportExcel1(query) { uni. ......
uniapp获取设备信息：uni.getSystemInfo或uni.getSystemInfoSync，可用于设置顶部安全区
uniapp获取设备信息：uni.getSystemInfo或uni.getSystemInfoSync，可用于设置顶部安全区 let sysInfo = uni.getSystemInfoSync(); console.log(sysInfo); //｛ SDKVersion: "2.33.0"a ......
uniapp vue3 setup如何兼容顶部状态栏高度
uniapp vue3 setup如何兼容顶部状态栏高度 思路是调用uni.getSystemInfoSync()，然后存到状态管理里，再将headerbar的padding-top加上安全区数值，如下： store/global.js 状态管理 import { defineStore } fro ......
uniapp专栏 —— vscode报错 'uni' is not defined.
## 写在前面 这些内容基于通过cli搭建的uniapp项目，使用了vite4,ts4.9,vue3（组合式API,setup语法糖）。如果有版本不一致，请谨慎参考。 ## 正文 uni是一个全局变量，但是eslint没有识别到。 ### 避免这个错误报错 在.eslintrc.js文件中加上配置 ......