uniApp

uniapp 自动升级机能

背景 用uniapp做一个app,用离线(即原生框架)进行打包,想实现版本自动升级的功能 环境 安卓手机,安卓pad 方法1:用 uni.downloadFile方法下载到本地之后进行更新 uni.downloadFile({ url: "https://XXXXX/xxxx.apk", succe ......
机能 uniapp

uniapp 禁止软件盘弹出

<script module="input" lang="renderjs"> export default { mounted() { this.$el.querySelector('input').setAttribute('inputmode', 'none') } } </script> ......
uniapp 软件

uniapp将时间戳转化为时间格式

import Vue from 'vue' // 时间戳——日期格式Vue.filter("formatDate",(data,type)=>{ if (!data) { return '- -' } data = String(data).length <= 10 ? data * 1000 : ......
格式 时间 uniapp

2023-07-31 在uniapp使用canvas绘制一个圆角为50%的图片【代码来自chatGpt,稍作修改】

<template> <view> <canvas id="myCanvas" :style="{ width: '200px', height: '200px' }"></canvas> </view> </template> <script> export default { onReady() ......
圆角 chatGpt 代码 uniapp canvas

uniapp之微信小程序打包上线

# 前言 本文旨在打通`uniapp`上线微信小程序之任督二脉,其实之前在`uniapp专题学习`中已经打包过一次。这一次算是复习,复习的同时也以博客的方式记录一下。😎 # 预准备 首先进入[微信公众平台](https://mp.weixin.qq.com/),注册自己的微信小程序,完成个人信息配 ......
程序 uniapp

2023-07-31 uniapp用canvas绘制图片时报错:getImageInfo:fail invalid ==》图片加载失败,请使用不受保护的图片路径

methods: { drawPoster() { const ctx = uni.createCanvasContext('canvas', this); // 设置字体样式 ctx.setFontSize(20); ctx.setTextAlign('center'); ctx.setTextB ......
图片 getImageInfo 路径 时报 invalid

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 ......
横向 颜色 Ucharts uniapp bar

uniapp 移动端axisLabel 设置formatter无效的解决方法

pc端是直接在option里配置 移动端在renderjs里的监听变化的时候去设置 updateEcharts(newValue, oldValue, ownerInstance, instance) { // 监听 service 层数据变更 try { newValue.xAxis.axisLa ......
axisLabel formatter 方法 uniapp

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 i18n i18 18n 18

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 pinia vue3 vue ts

uniapp调用js文件里面的函数

例如:common.js里面的内容: /** * 退出登录 */export function exitLogin() { console.log('退出登录233') uni.setStorageSync('token',''); uni.setStorageSync('userInfo','') ......
函数 文件 uniapp

uniapp 使用this指针无法修改data变量的问题

原代码: Sex() { console.log(this); uni.showActionSheet({ title:"选择性别", itemList: ['男','女'], itemColor: "#55aaff", success(res) { const n=res.tapIndex+1; ......
指针 变量 uniapp 问题 this

uniapp—— request 封装

1.创建request.js uniapi(function_name, obj) { return new Promise((resole, reject)=>{ uni[function_name]({ ...obj, success: res => resole(res), fail:res= ......
request uniapp

uniapp webview 与vue2页面双向通信

一、准备工作 uniapp: //建立工程,创建显示的页面 <web-view src="http://192.168.0.58:8080" @message="handlePostMessage"></web-view> vue: 安装webview用到的依赖 yarn add @dcloudio ......
双向 webview 页面 uniapp vue2

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 ......
UNI-APP_uniapp uniapp 手机 UNI APP

uniapp使用文档

uniapp安装使用文档 注意事项:路径不要有中文和特殊符号关闭防火墙关闭杀毒软件安装过程复杂,出问题就重新操作一次(大多是自己不注意没按要求操作) hbuilderx:https://www.dcloud.io/hbuilderx.html夜神:https://www.yeshen.com/逍遥: ......
文档 uniapp

uniapp安装使用文档

uniapp安装使用文档 注意事项: 路径不要有中文和特殊符号关闭防火墙关闭杀毒软件hbuilderx:https://www.dcloud.io/hbuilderx.html夜神:https://www.yeshen.com/逍遥:https://www.xyaz.cn/雷电:https://ww ......
文档 uniapp

Uniapp + Vue3 引入高德小程序插件js文件失败

## 问题描述 使用uni app模板开发微信小程序过程中引入高德地图小程序插件失败, 先看代码: ``` import amap from "@/lib/amap-wx.130.js";//引入高德地图小程序插件 ``` 报错: `SyntaxError: The requested module ......
插件 文件 程序 Uniapp Vue3

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 setup

uniapp专栏 —— vscode报错 'uni' is not defined.

## 写在前面 这些内容基于通过cli搭建的uniapp项目,使用了vite4,ts4.9,vue3(组合式API,setup语法糖)。如果有版本不一致,请谨慎参考。 ## 正文 uni是一个全局变量,但是eslint没有识别到。 ### 避免这个错误报错 在.eslintrc.js文件中加上配置 ......
defined 专栏 uniapp vscode 39

vue3,ts,vite4,uniapp设置路径别名

安装依赖 ``` npm install --save-dev @types/node ``` 配置vite.config.ts文件 ```ts // vite.config.ts import { defineConfig } from 'vite'; import { resolve } fro ......
别名 路径 uniapp vite4 vue3

uniapp小程序客服拖拽+左右吸附

```js 联系我们 ``` 参考文章:https://www.aliyue.net/10333.html ......
uniapp

介绍社交论坛问答发帖系统源码-java+vue+uniapp开发前后端

前后端分离社交论坛问答发帖BBS源码,社交论坛小程序|H5论坛|,app论坛是java+vue+uniapp开发的前后端分离社交论坛问答发帖/BBS项目,包括论坛图文帖,视频,圈子,IM私聊,微信支付,付费贴,积分签到,钱包充值等论坛小程序论坛app完整功能 演示地址:www.runruncode. ......
社交 源码 uniapp 系统 论坛

iOS 苹果授权登录(Sign in with Apple)系列之uniapp篇

官方网址 https://uniapp.dcloud.net.cn/tutorial/app-oauth.html# 代码集成 1、在 template 添加以下代码, 苹果授权登录(Sign in with Apple)是 iOS 13 才有的,做下系统版本判断 <template> <view ......
苹果 uniapp Apple Sign with

uniapp H5 解决跨域

1、请求地址:http://192.168.1.216:8080/renren-api/api/getUserInfo 2、修改 manifest.json "h5": {"devServer": { "port": 5173, //端口号 "disableHostCheck": true, "pr ......
uniapp H5

uniapp深入浅出

一.简介 uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。即使不跨端,uni-app同时也是更好的小程序开发框架。具有vue和微信小程序的开发经验,可快速上手 ......
深入浅出 uniapp

uniapp中使用openlayers

相关链接 https://codeleading.com/article/25216143964/#google_vignette 例子 <template> <view id="map-id" class="map-class"></view> </template> <script> expor ......
openlayers uniapp