高度uniapp swiper
优化 uniapp 发行操作：一键打包、混淆代码
uniapp一键发行代码并混淆代码 第一步.在项目根目录下安装插件 npm install javascript-obfuscator -g 安装完成后，javascript-obfuscator就是一个独立的可执行命令了。 javascript-obfuscator -v 第二步：Hbuild ......
uniapp开发——创建安卓自定义调试基座，实现热更新调用原生功能
一. 生成本地包： 选中项目，头部菜单栏“发行"-"生成本地打包App资源" 打包成功 二. 打包完成，复制App资源包到安卓studio项目中 uniapp项目根目录下，找到unpackage目录，打开resources目录，复制下边的_UNI_XXXXX格式的目录 三. 把App资源包粘贴到An ......
Uniapp全局引入（mixin）
全局引入 要在 UniApp 中创建一个全局方法，以便在所有模板中直接使用，可以使用 Vue 的 mixin 混入功能。 下面是创建全局方法的步骤： 在项目的根目录下，创建一个名为 mixin.js 的文件（或者你可以选择其他命名）。 在 mixin.js 文件中，定义全局方法。例如，我们创建一个名 ......
SI24R03 高度集成低功耗SOC 2.4G 收发一体芯片
今天给大家介绍一款Soc 2.4G 收发一体模块-SI24R03Si24R03是一款高度集成的低功耗无线SOC芯片，芯片为QFN32 5x5mm封装，集成了资源丰富的MCU内核与2.4G收发器模块，最低功耗可达1.6uA，极少外围器件，大幅降低系统应用成本，同时配套有成熟的开发调试软件和丰富的函数库 ......
uniapp+vue3 优惠券样式
效果如图： template部分： <view class="item"> <view class="box"> <view class="content"> <view class="head">优惠券</view> <view class="content-box1"> <view class= ......
uniapp获取用户信息
新接口getUserProfileFn内置login，如果必须要login返回的参数要隔离开 vue3书写要对按钮配置属性 <button @click="logintou" data-eventsync="true" class="main-login-bottom">授权登录</button> ......
动能芯片 | SI3262—高度集成的低功耗SOC芯片
Si3262是一款高度集成的低功耗SOC芯片，其集成了基于RISC-V核的低功耗MCU和工作在13.56MHz的非接触式读写器模块。 MCU模块具有低功耗、Low Pin Count、宽电压工作范围，集成了13/14/15/16位精度的ADC、LVD、UART、SPI、I2C、TIMER、WUP、I ......
uniapp登录板块封装(旧接口getUserInfo)
点击查看代码 // 授权并获取用户信息 const authorizeAndGetUserInfo = (loginRes) => { uni.getUserInfo({ success(res) { // 用户信息获取成功，处理登录业务逻辑 app.globalData.info = res.us ......
uniapp有意思的api之openSetting
点击查看代码 <details> <summary>解决用户拒绝授权问题</summary> uni.openSetting({ success(res) { console.log(res.authSetting) if (res.authSetting?.scope.userInfo) { ge ......
uniapp uni-icons @click.stop 报Cannot read properties of undefined (reading 'stopPropagation')
点进去看了一下uni-icons的源码 @click的方法其实是他假装是个原生click的方法，执行 emit(click)给父组件 可以理解为uni-icons只至此click事件 不支持click.stop事件 解决办法也很简单 包一层view <view @click.stop="editFn ......
.net core（web api） 后台 +uniapp移动端自动更新
移动端采用uniapp开发 后台采用.net core 先到插件市场找到对应的插件 然后将插件安装到 然后在移动端项目pages.json "path": "uni_modules/rt-uni-update/components/rt-uni-update/rt-uni-update", "sty ......
uniapp关于uni.getUserProfile的使用
点击查看代码 <button @click="getMy" data-eventsync="true">获取信息</button> let getMy = () => { if (uni.getUserProfile) { console.log('可以用'); uni.getUserProfile ......
uniapp(安卓)之文件下载
uniapp(安卓)之文件下载 方法： // 本地路径开头使用file://，跟上手机文件本地目录storage/emulated/0， // 这时用户文件管理器能看到的了，之后创建 下载文件夹 作为文件夹， // 后缀是用于文件命名和格式修改，大家可以使用变量。 var url = this.do ......
Uniapp导入uView组件
npm导入组件 npm install uview-ui@2.0.36 后面跟上自己的版本 或者 npm install uview-ui //检查 console.log(uni.$u.config.v);可以查看自己是否导入成功 【main.js】import uView from 'uview ......
uniapp使用微信jssdk自定义分享
前言提示：本文记录的是使用uniapp开发的H5+APP项目，H5端使用微信自定义分享功能，文中有关APP的兼容，如果不需要兼容APP的可以忽略 一、引入 首先安装 jweixin-module 包 npm install jweixin-module --save 二、封装工具方法 为了方便使用， ......
uniapp开发实现对带有动态二维码的页面实现截图保存
要求：最近工作中，uniapp开发中遇到一个问题，期望对，一个带有动态生成二维码的页面，实现截屏功能。通过webview实现的截屏功能，最后生成的图片，中间的二维码部分是空白的。 问题：实现截屏，发现只用中间的二维码部分是空白的（如图）； 代码参考网上博客实现截屏： 1 saveImageByScr ......
在uniapp中使用pda进行扫码输入
最近做的项目中遇到需要进行使用pda进行扫码的操作，在网上查了一下，pda的扫码头就相当于是输入字符串后进行一个回车操作 那么，最简单的方式就是给一个输入框，然后监听回车事件 刚开始的想法是这样的 <uni-easyinput v-model="scanEquip" ref="scanEquip" ......
uniapp中scroll-view滚动到指定组件位置
最近做一个uniapp的聊天室界面，当获取聊天信息之后需要下滑到底部最新消息处，当上拉刷新的时候需要再往上一格移动到下面的消息 通过scroll-view的滚动和下拉刷新来实现 在scroll-view的属性中设置 :scroll-into-view="state.scrollIntoMessage ......
uniapp开发App从开发到上架全过程
当我们的APP开发完毕，最终交付的时候，必然要经历的一个环节，就是APP上架，国内APP上架一般为IOS端appstore上架，安卓端应用商店比较多，最常见的应用商店有华为应用商店、小米应用商店、OPPO应用商店、VIVO应用商店、应用宝应用商店等。 在开始上架 前，需要准备好相应的材料，安卓端 ......
vue+iframe 添加请求头，自适应宽度和高度，iframe将token放在请求头不是src的url中
1 <template> 2 <div class="iframe"> 3 <iframe 4 v-if="isRequestHeader" 5 id="myIframe" 6 name="myIframe" 7 src="" 8 frameborder="0" 9 scrolling="no" 1 ......
uniapp 设置全局无需引入的变量 和 方法
import App from './App.vue' import * as Pinia from 'pinia'; import { createSSRApp } from 'vue' export function createApp() { const app = createSSRApp( ......
Element-Ui-表格设置动态高度
需求：element-ui的表格根据表格父盒子容器（红框容器）设置动态高度，便于表格头部固定。 上面方法的适合父盒子高度为固定不变化 ......
小程序uniapp准备工作
appid 开发者身份 uniapp ui组件 >uView https://ext.dcloud.net.cn/plugin?id=1593 配置 https://www.uviewui.com/components/downloadSetting.html ......
uniapp微信小程序微信同声传译和OCR支持功能
1.首先小程序后台设置里面的第三方设置插件管理需要添加微信同声传译和OCR支持两个插件 2.【微信同声传译】 在manifest.json切换成源码视图 然后在appid同级目录添加插件 /* 小程序特有相关 */ "mp-weixin" : { "appid" : "wx9fd66d4d0e83c ......
app直播源码，uniapp之自定义顶部样式
app直播源码，uniapp之自定义顶部样式 //需要自定义顶部样式的页面配置{"path" : "pages/case/index","style" : { "navigationBarTitleText": "案例","navigationStyle": "custom", "enablePul ......
uniapp中的computed
在UniApp中，computed是一个特殊的属性，用于计算属性。它与Vue.js中的computed属性类似，用于根据已有的数据计算出一个新的属性值。 在UniApp中，使用computed属性可以方便地根据多个变量或表达式计算出一个新的变量值，并且当依赖的数据变化时，computed属性会自动更 ......
uniapp接入腾讯地图实现定位导航功能。
转自：https://blog.csdn.net/qq_54753561/article/details/129500254 打开腾讯地图的官网注册账号登陆进入，滑入我的头像开发者信息：https://lbs.qq.com/service/webService/webServiceGuide/web ......
NetCore使用SkiaSharp库对给定路径的图片进行大小缩放，要适当考虑等比率缩放，以高度为准，宽度自适应
SkiaSharp库是跨平台的2D图片操作库，在夸平台方面比较稳定，且支持常用的“windows操作”：缩放，剪裁，格式转换等。 例如：如果要按照原始图片高度为准，自动调整宽度进行等比例缩放，可以根据以下步骤使用SkiaSharp库进行操作： 导入SkiaSharp命名空间： using SkiaS ......
uniapp如何验证输入金额为最多2位小数
1. 在输入框的change事件中添加验证逻辑： <template> <view> <input type="number" v-model="amount" @change="validateAmount" /> </view></template> 2. 在methods中定义validate ......
uniapp如何进行base64转码
1. 前端编码，解码函数 // 将字符串转换为base64编码export function stringToBase64(str) { return btoa(unescape(encodeURIComponent(str)));} // 将base64编码转换为字符串export functio ......