uni
【UniApp】-uni-app-OptionAPI应用生命周期和页面生命周期
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-修改组件主题和样式 那么了解完了uni-app-修改组件主题和样式之后，这篇文章来给大家介绍一下 uni-app-OptionAPI应用生命周期和页面生命周期 首先不管三七二十一，先来新建一个项目 搭建演示环境 创建一个全新的项目： ......
【UniApp】-uni-app-修改组件主题和样式
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-扩展组件 那么了解完了uni-app-扩展组件之后，这篇文章来给大家介绍一下 uni-app-修改组件主题和样式 首先不管三七二十一，先来新建一个项目 搭建演示环境 创建一个全新的项目，因为本文要修改组件主题和样式，所以这次创建项目选 ......
uni-app使用夜神模拟器调试
使用夜神模拟器调试 1. 配置环境变量 复制adb.exe所在文件目录的路径， G:\HBuilderX\plugins\launcher\tools\adbs ，配置到系统环境变量path中。 2. 配置HbuilderX 打开模拟器端口设置界面 夜神模拟器adb路径为 D:\Program Fi ......
uni-app开发记录
目录uni-app目录结构uni-app中的事件uni-app项目中@符号文件路径不提示uni-app中的组件通信页面通信组件间通信节点操作定义全局scss变量APP相关解决uniapp编译到APP出现页面抖动与滑动条tabbar添加一个位于中间的按钮uni.pageScrollTo滚动问题 uni ......
【UniApp】-uni-app-扩展组件
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-内置组件 那么了解完了uni-app-内置组件之后，这篇文章来给大家介绍一下 UniApp 中的扩展组件 首先不管三七二十一，先来新建一个项目 搭建演示环境 创建一个全新的项目： 然后在配置一下，微信小程序的 AppId，直接去之前的 ......
【UniApp】-uni-app-内置组件
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-全局数据和局部数据 那么了解完了uni-app-全局数据和局部数据之后，这篇文章来给大家介绍一下 UniApp 中内置组件 首先不管三七二十一，先来新建一个项目 搭建演示环境 创建一个全新的项目： 然后在配置一下，微信小程序的 App ......
【UniApp】-uni-app-全局数据和局部数据
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-全局样式和局部样式 那么了解完了全局样式和局部样式之后，这篇文章我再来给大家介绍一下 UniApp 中全局数据和局部数据 搭建演示环境 创建一个全新的项目： 然后在配置一下，微信小程序的 AppId，直接去之前的项目中拷贝一下即可，找 ......
【UniApp】-uni-app概述
前言 好，经过我们前面文章的编写，大家可以了解到微信小程序开发相关的知识，了解完了这个微信小程序开发和云开发之后，从这篇文章开始，我再来给大家写一下关于 Uniapp 的知识。 好，开始，那什么是 Uniapp 呢？这个时候我们不管三七二十一，先打开我们 Uniapp 官方文档，它官方地址也很简单， ......
uni-app 基础架构搭建 ts+vue3 命令行
1. 安装全局degit npm install -g degit2.创建工程 my-vue3-ts-project # 创建以 javascript 开发的工程 npx degit dcloudio/uni-preset-vue#vite my-vue3-ts-project # 创建以 ts 开 ......
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.request二次封装
点击查看代码 const baseUrl = 'https://your-api-base-url.com'; function getAuthToken() { // 获取token的逻辑，可能会从全局状态、本地存储等地方获取 // 返回token字符串或null } function updat ......
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 ......
uniapp关于uni.getUserProfile的使用
点击查看代码 <button @click="getMy" data-eventsync="true">获取信息</button> let getMy = () => { if (uni.getUserProfile) { console.log('可以用'); uni.getUserProfile ......
在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯
转载于在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯 - DCloud问答 uni-app的web-view组件，支持加载远程网页，在app环境下，还支持加载本地HTML页面。 在web-view加载页面中，会涉及wx、plus、uni等对象的使用。 在小程序下 ......
微信小程序实现语音录制(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() ......
UNIAPP返回上一页并参数 uni.$on、uni.$off、uni.$once 和 uni.$emit
WPF Prism事件聚合器-订阅/发布事件 https://www.cnblogs.com/douyuanjun/p/17788957.html 结合JS理解更容易理解：https://www.cnblogs.com/douyuanjun/p/17465402.html //传参给上一页 conf ......
uniapp使用uni-grid时出现BUG第二次进入少一列
在使用uniapp的uni-grid组件时，出现了一个bug，第一次进入页面是是显示正常的，第二次进入就会发送少一列的情况 第一次进入时显示 第二次进入时显示 在网上找了半天没啥解决办法，最后是在dcloud社区中找到解决方法： 1.把最外层的view固定宽度 2.去掉边框 因为我这边是需要进行对不 ......
Mutiny Uni阻塞操作变响应式的方法示例
以下代码片段为模拟一个这样的操作： 在多台服务器上下载文件列表内的文件。其中，获取服务器、获取文件列表、在服务器执行下载操作均为阻塞方法。 import cn.hutool.core.collection.CollUtil; import io.quarkus.test.junit.QuarkusT ......
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底部导航栏隐藏单个
成品直播源码推荐，uni底部导航栏隐藏单个 uni.showTabBar()uni.setTabBarItem({index: 0,visible: false})uni.setTabBarItem({index: 2,visible: false}) 以上就是 成品直播源码推荐，uni底部导航栏 ......
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 ......
uni app中建立公共方法utils
uni app中建立公共方法utils 有一些公 用的方法可以抽出来的，像日期格式化之类的 步骤： 1. 建立文件 common/utils.js 文件 /** * 返回欢迎文本 * @param string name 姓名 */ export const testFun = function(n ......
uni app 的ui插件uview里自带的一些正则表达式
uni app 的ui插件uview里自带的一些正则表达式 取自"uni_modules\uview-ui\libs\function\test.js" /** * 验证电子邮箱格式 */ function email(value) { return /^\w+((-\w+)|(\.\w+))*\@ ......
uni-swipe-action的使用和样式问题
<uni-swipe-action> <view v-for="(item,index) in noticeList" :key="item.id" style="margin-top: 30upx;"> <uni-swipe-action-item class="swipe-action-item ......