uni-app
uni-app全局样式和局部样式
前言 好，经过上个章节的介绍完毕之后，了解了一下 UniApp 的一个全局 页面配置文件，也就是我们的一个 pages.json 文件。 那么了解完了这个文件之后，这片文章，再了解一下 UniApp 的一个全局样式和我们的局部样式。 搭建演示环境 创建一个全新的项目： 然后在配置一下，微信小程序的 ......
手写类似于BetterScroll样式的左右联动菜单 uni-app+vue3+ts （使用了script setup语法糖）
注意：在模拟器用鼠标滚动是不会切换光标的，因为使用的是触摸滑动。【自定义类型贴在最后了】 script 部分如下： import { onMounted } from 'vue' import type { orderDetail } from '@/types/category' import t ......
微信小程序实现语音录制(uni-app源码版)
注意以下代码只是部分代码，已经将完整代码上传至插件市场，可在插件市场中下载。 插件下载地址 1. 创建音频对象上下文 // 创建音频上下文 let innerAudioContext = uni.createInnerAudioContext({ useWebAudioImplement: fals ......
三、uni-app简单介绍
uni-app特色： 1、条件编译： 2、App端的Nvue（native vue）开发 Nvue内置了weex的渲染引擎，在Nvue中我们既可以使用weex的组件和api，也可以使用uni-app的组件和api。 3、HTML5+引擎 HTML5+引擎：可以帮助我们在app端直接调用原生插件，含大 ......
简单介绍Vue、uni-app、微信小程序三者之间的联系
uni-app和Vue的关系 使用Vue.js开发；在发布到H5时，支持所有的vue的语法；发布到App和小程序时，不支持部分vue语法(vue-router，需要dom操作的第三方插件、组件) uni-app和小程序的关系 组件标签靠近小程序规范；接口能力（JS API）靠近微信小程序规范；拥有完 ......
uni-app token过期刷新与重新请求
import store from '@/store/index.js' function loginOut() { uni.showToast({ title: '登录失效，请重新登录', icon: 'none' }) setTimeout(() => { uni.clearStorage() ......
uni-app头像流动效果
您可以在uni-app中使用CSS动画实现头像流动效果。以下是一种可能的实现方式。 首先，您可以在样式中添加一个CSS动画，这里我们定义一个从左到右的流动效果： css复制代码 <style> .avatar { /* 其他的样式... */ /* 添加动画 */ animation: flow 3 ......
uni-app微信支付接口
这是一个简单的示例，显示如何在uni-app页面中添加一个支付按钮，并在点击时调用微信支付SDK： <template> <view> <button @click="pay">支付</button> </view> </template> <script> export default { met ......
uni-app vue3 获取元素报错问题
关于uniapp中vue3使用uni.createSelectorQuery()时的this指向及查询结果说明_前端_谁凉了时光旧了少年-华为云开发者联盟 (csdn.net) ......
uni-app上传图片后bold转base64
uni.chooseImage({ count: 1, // 图片张数 success: async res => { const reader = new FileReader(); reader.readAsDataURL(res.tempFiles[0]); reader.onload = a ......
Hbuilderx运行uni-app项目到Android Studio模拟器只显示“同步手机端程序文件完成”界面，不能同步界面展示
如图，开发工具也显示同步文件，模拟器也显示同步文件完成，但是就是不展示页面，遇到这种情况，一般是2种情况，一个是项目本身有问题跑不起来，另一个就是创建的模拟器设备参数不支持当前app。 一. 连接真机调试，排除项目本身问题： 如果连接真机都跑不起来，那么看下控制台日志，先解决项目本身的问题吧，直到项 ......
uni-app 应对微信小程序最新隐私协议接口要求的处理方法
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一，问题起因 最新在开发小程序的时候，调用微信小程序来获取用户信息的时候经常报错一个问题 fail api scope is not declared in the privacy agreement，api 更具公告，是微信更新对应的隐 ......
uni-app开发跨端小程序包过大优化
以微信小程序为例：一：避免使用大图 图片压缩之后使用，避免大图，必要时可以使用雪碧图或者svg，图片上传远程服务器，不占用本地资源包。二：分包处理微信小程序单包不超过2M，最多10个包。合理分包，将文件放到合适的地方。除一级页面入口放到主包，剩余页面逻辑都可以拆分成分包的形式。注意：除分包的文件外， ......
Uni-App Http请求
该插件适用于一般的请求场景， 只支持post、get、put和delete请求，目前不适用于其他的请求形式，比如上传，下载等。插件定位为 小而美，而不是大而全，目标是切合实际，开箱即用。 平台差异说明 AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序 √ √ √ √ √ √ √ 由于某 ......
uni-app中的生命周期方法
重点面试题：uni-app中的生命周期方法 uni-app中的生命周期方法(方法名固定，在某个确定的时间点会自动调用)分为三组： 第一组：整个应用程序的生命周期方法 —— App.vue —— 高仿微信小程序 onLaunch()：整个应用程序启动了 onShow()：应用程序显示出来，例如：第一次 ......
uni-app 之小程序版本更新检查——uni.getUpdateManager()
在开发小程序的时候，版本更新在所难免。所以，我们希望每次打开的小程序的时候，都可以进行版本检测。如果有新版本，那么，就更新，并且让用户能够重启，并应用新版本。 实现开门见山，uni-app官方网站给了我们实现方法。以下是代码示例。 const updateManager = uni.getUpdat ......
从0开始 UNI-APP开发(仿饿了么)
从0开始 UNI-APP开发(仿饿了么) 项目介绍及工具下载 1-工具下载 uniapp官方文档 https://uniapp.dcloud.net.cn/ hbuilder x工具下载 https://hx.dcloud.net.cn/Tutorial/install/windows 微信开小程序 ......
uni-app 文本显示两行超出部分显示...
<template> <view> <view>这是登录界面 <button @click="RedirdectToMain">跳转到首页</button> </view> </view> <view> <uni-file-picker v-model="imageValue" fileMediat ......
uni-app清空父组件下拉框时清空子组件下拉框的值
父组件： <template> <view> <view>这是登录界面 <button @click="RedirdectToMain">跳转到首页</button> </view> </view> <view> <uni-file-picker v-model="imageValue" fileM ......
uni-app中提供的五种形式的页面跳转
面试题：uni-app中提供的五种形式的页面跳转： ①导航跳转/保留跳转 —— 在访问历史栈中保存当前页面，再打开下一个页面<navigator open-type="navigate" url="">②导航返回 —— 返回访问历史栈中的上一个页面<navigator open-type="navi ......
uni-app 原生导航栏相关设置
原生导航设置buttons时候监听点击事件 { "path": "pages/user/uses", "style": { "app-plus": { "bounce": "none", "titleNView": { "buttons": [ {"text": "分享"}, {"text": "分 ......
uni-app 条件编译
一、在某个平台编译 #ifdef 1.单个平台 <!-- #ifdef H5--> <!-- #endif--> 2.多个平台 <!-- #ifdef H5 || APP-PLUS--> <!-- #endif--> 3. js 中 // #ifdef H5 // #endif 4. style 中 ......
用jenkins构建HBuilder创建uni-app项目打包成H5发版
此文章可以打包h5,但缺少index.css引用。 1、用HBuilderX工具创建uni-app项目选择默认模板 生成项目名为：my-project 2、在linux环境下在安装好node 和npm 前提下 （去官网：https://nodejs.org/en/download 下载：node-v ......
【踩坑日记】uni-app相机抽帧，相机被多次初始化问题
缘起：最近频繁接到使用我们AI运行识别插件用户的反馈，部分机型在uni中抽几帧后，就不再帧的了。开始以为又是小程序的API兼容的问题（确有机型出现过抽帧兼容性问题），后面越来越多的反馈在原生下无问题，只有采用uni-app方案的有问题... 一、先看抽帧简略代码 下面是小程序做AI运动识别的第一步， ......
记录荣耀手机使用uni-app蓝牙连接超时问题
如上图所示，测试了两款华为荣耀手机，使用之前Uni-app连接蓝牙的代码，总是会报超时，能发现蓝牙信号，但是连接不上，代码如下， findBluetooth(mac) { var ths = this; this.showDebugInfo("要匹配的mac:" + mac) //3. 监听附近的蓝 ......
解决uni-app 输入框，键盘弹起时页面整体上移问题
解决uni-app 输入框，键盘弹起时页面整体上移问题 我们每次在做UNIAPP小程序和H5遇到输入框时，总会在测试的时候点击输入框弹出软键盘把页面往上移动，仔细翻读uniapp文档的时候发现了一个属性adjust-position ：Boolean类型，作用是键盘弹起时，是否自动上推页面 1.发现 ......
uni-app:使用HBuilder导入插件uni-popup
1、首先点击使用HBuilderX导入插件 插件市场网址：https://ext.dcloud.net.cn/ 点击前端组件 通用组件，搜索框中输入uni-popup 点击uni-popup 点击“下载插件并导入HBuilderX”， 跳转到HBuilderX 选择需要引入插件的那个项目 选择项目后 ......
uni-app
通过HBuilder生成一个微信小程序测试项目 参考地址：https://www.yuque.com/cuckooing/study/zw713qkgvm9aevki 语雀参考地址：https://www.yuque.com/frank980/bf332x ......
uni-app实现音频播放器(ios）
在uni-app中，ios有自带的音频播放器，和网易云一样，安卓需要自己写 1.全局定义 const bgAudioManager = uni.getBackgroundAudioManager(); bgAudioManager.title = this.info.name; //音频名称 bgA ......