uniapp专题

uniapp设置微信小程序的交互反馈

链接：uni.showToast(OBJECT) | uni-app官网 (dcloud.net.cn) 设置操作成功的弹窗： title是我们弹窗提示的文字 showToast是我们在加载的时候进入就会弹出的提示。 2.设置失败的提示窗口和标签 icon：'error'是设置我们失败的logo 设置的文字上限是7个文字，如果需要设置的提示文字过长就需要设置icon并给

基于SpringBoot的宠物服务系统+uniapp小程序+LW参考示例

系列文章目录 1.基于SSM的洗衣房管理系统+原生微信小程序+LW参考示例 2.基于SpringBoot的宠物摄影网站管理系统+LW参考示例 3.基于SpringBoot+Vue的企业人事管理系统+LW参考示例 4.基于SSM的高校实验室管理系统+LW参考示例 5.基于SpringBoot的二手数码回收系统+原生微信小程序+LW参考示例 6.基于SSM的民宿预订管理系统+LW参考示例 7.基于

基于springboot+vue+uniapp的“共享书角”图书借还管理系统小程序

开发语言：Java框架：springboot+uniappJDK版本：JDK1.8服务器：tomcat7数据库：mysql 5.7（一定要5.7版本）数据库工具：Navicat11开发软件：eclipse/myeclipse/ideaMaven包：Maven3.3.9 系统展示后台登录界面管理员功能界面出借者管理图书信息管理图书归还管理出租收入管理

uniapp小程序下载缓存服务器上的图片

1. 使用uni.downloadFile,但是注意下载图片的地址里的域名，需要在微信公众平台里面的downloadFile合法域名进行配置。 export default function downloadAndCacheImage(imageUrl, name) {return new Promise((resolve, reject) => {console.log("imageUrl",

uniapp，vite整合windicss

官方文档：https://weapp-tw.icebreaker.top/docs/quick-start/frameworks/hbuilderx 安装： npm i -D tailwindcss postcss autoprefixer# 初始化 tailwind.config.js 文件npx tailwindcss initnpm i -D weapp-tailwindcss# 假

UniApp实现漂亮的音乐歌词滚动播放效果

在现代的音乐播放应用中，歌词的展示和滚动播放已经成为了一个非常常见的功能。今天，我们将通过UniApp来实现一个漂亮的歌词滚动播放功能。我们将使用UniApp提供的组件和API来完成这个任务。页面结构在页面的模板部分，我们需要创建一个音频播放器和歌词展示区域。使用<scroll-view>组件来实现歌词的滚动效果。 <template><view class="audio-co

分享一个基于uniapp科技馆服务微信小程序博物馆管理小程序（源码、调试、LW、开题、PPT)

💕💕作者：计算机源码社 💕💕个人简介：本人八年开发经验，擅长Java、Python、PHP、.NET、Node.js、Android、微信小程序、爬虫、大数据、机器学习等，大家有这一块的问题可以一起交流！ 💕💕学习资料、程序开发、技术解答、文档报告 💕💕如需要源码，可以扫取文章下方二维码联系咨询 💕💕Java项目 💕💕微信小程序项目 💕💕Android项目 �

uniapp微信小程序开发踩坑日记：Pinia持久化报错Cannot read property ‘localStorage‘ of undefined

插件默认使用 localStorage 实现持久化，小程序端不兼容，需要替换持久化 API import { defineStore } from 'pinia' export const useCommonStore = defineStore('pack-store', {state: (): State => ({wwInfo: {},globalData: {},timerLoc

uniapp vite3 require导入commonJS 的js文件方法

vite3 导入commonJS 方式导出在Vite 3中，你可以通过配置vite.config.js来实现导入CommonJS（CJS）风格的模块。Vite 默认支持ES模块导入，但如果你需要导入CJS模块，可以使用特定的插件，比如@originjs/vite-plugin-commonjs。首先，你需要安装插件： npm install @originjs/vite-plugin-c

uniapp交互反馈

页面交互反馈可以通过:uni.showToast(object)实现,常用属性有 ioc值说明值说明success显示成功图标，此时 title 文本在小程序平台最多显示 7 个汉字长度，App仅支持单行显示。error显示错误图标，此时 title 文本在小程序平台最多显示 7 个汉字长度，App仅支持单行显示。fail显示错误图标，此时 title 文本无长度显示。exception

uniapp+vue3实现双通道透明MP4播放支持小程序和h5

双通道透明MP4视频播放的截图以下是合成后结果，二个合并在一起进行播放下载资源，打开运行直接使用看到效果 https://download.csdn.net/download/qq_40039641/89715780

基于ssm+vue+uniapp的高校课堂教学管理系统小程序

开发语言：Java框架：ssm+uniappJDK版本：JDK1.8服务器：tomcat7数据库：mysql 5.7（一定要5.7版本）数据库工具：Navicat11开发软件：eclipse/myeclipse/ideaMaven包：Maven3.3.9 系统展示后台登录界面管理员功能界面教师管理学生管理课程分类管理课程资源管理互动论坛

uniapp 懒加载、预加载、缓存机制深度解析

uniapp 懒加载、预加载、缓存机制深度解析文章目录 uniapp 懒加载、预加载、缓存机制深度解析一、为什么要使用uniapp的懒加载、预加载和缓存机制二、如何使用uniapp的懒加载、预加载和缓存机制1. 懒加载2. 预加载3. 缓存机制四、扩展与高级技巧1. 结合懒加载和预加载优化页面性能2. 使用缓存机制提高页面响应速度3. 处

【Tip】父子组件传值和页面跳转传值方法（vue和uniapp）

本文介绍了在Vue和uniapp中子组件和父组件之间的传值方法、页面跳转传值方法。一、父子组件传值以列表为例： 1、子组件 sonTemplate.vue （1）挂载显示内容 <el-table> //列表内容 <el-table> （2）关键方法 Creat()方法: 子组件列表getList() Props：绑定要传递的值（父组件传给子组件==

uniapp底部安全距离（safeAreaInsets）的实际应用

实际遇到的问题：页面底部的元素与 IOS 自带的导航条重叠了（图 1），调整后（图 2）解决办法：safeAreaInsets获取屏幕边界到安全区域距离 // 获取屏幕边界到安全区域距离 const { safeAreaInsets } = uni.getSystemInfoSync() 页面中增加一个 DOM 撑开 <view :style="{ height:

Web前端 lucky-canvas【大转盘九宫格老虎机】抽奖插件（适用JS/TS、Vue、React、微信小程序、Uniapp和Taro）

Web前端 lucky-canvas 抽奖插件（JS/TS、Vue、React、微信小程序、Uniapp和Taro）基于 JS + Canvas 实现的【大转盘 & 九宫格 & 老虎机】抽奖，致力于为 WEB 前端提供一个功能强大且专业可靠的营销组件，只需要通过简单配置即可实现自由化定制，帮助你快速的完成产品需求自由配置奖品 / 文字 / 图片 / 颜色 / 按钮均可自由配置；支持同步

短剧看剧系统+商城功能，开发uniapp+PHP，正版片源供授权，短剧影视小程序带支付收益等模式付费短剧小程序源码

目录一、短剧看剧系统是什么？二、短剧授权是什么？三、短剧有哪些类型？四、区别？总结：一、短剧看剧系统是什么？首先小程序上架需要有资质(办资质需要20-30天)。 1、短剧微信小程序要求:《广播电视节目制作经营许可证》 2、短剧上架抖音小程序只要求:《广播电视节目制作经营许可证》+《ICP经营许可证》广播证相对比较快，通常7-10天就能办下来(需要提供编导

uniapp父子组件传值

父组件 <template> <view> <ChildComponent :childMsg="parentMsg" @updateParentMsg="handleUpdateParentMsg" /> <view>父组件接收到的消息: {{ parentReceivedMsg }}</view> </view> </template> <script setup lang="

uniapp树洞烦恼分享系统微信小程序设计与实现 80igt

目录博主介绍技术栈系统设计🌟文末获取源码+数据库🌟具体实现截图后端前端java类核心代码部分展示可行性论证个人心得系统测试操作可行性源码获取详细视频演示博主介绍 👇🏻 博主介绍：👇🏻 专注于Vue Java、python nodejs php小程序技术领域和毕业项目实战✌全网粉丝50W+,博客专家、CSDN特邀作者、CSDN新星计划导师、全栈领域优质创作者，cs

uniapp本地上传照片并转化为base64格式

const upPhoto = async () => { try { // 选择图片 const result = await uni.chooseImage({ count: 1, sizeType: ['original', 'compressed'],

uniapp写的一个年月日时分秒时间选择功能

代码: <template><view><picker mode="multiSelector" :value="multiIndex" :range="multiRange" @change="onMultiChange"><view class="picker">当前选择：{{ formattedDateTime }}</view></picker></view></template>

uniapp 实现vue模块中自动导入

在实际开发中,vue组件中的ref,以及生命周期函数都需要手动导入了才能使用,通过配置自动导入,可以直接解决这一问题,由第三方来自动导入,完美直接使用即可

uniapp scroll-view滚动页面

页面滚动固定距离（scrollTop） <template><view><button @click="Test">测试</button><scroll-view style="height: 100px;" :scroll-top="scrollTop" scroll-y="true" class="scroll-Y"><view style="height: 20px;box-sizing:

uniapp网站和微信小程序添加百度统计

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、首先，需要在百度统计平台注册一个账户或登录现有的账户二、新建站点(应用)、添加代码三、代码获取与安装1.在官方网站新增应用，根据官方指引步骤新增应用即可总结一、首先，需要在百度统计平台注册一个账户或登录现有的账户百度统计官网二、新建站点(应用)、添加代码具体步骤参考官方文

uniapp 使用 webview 触发uni.postMessage

https://uniapp.dcloud.net.cn/component/web-view.html#uniappjsbridgeready-%E7%9A%84%E4%BD%BF%E7%94%A8 uni-app应用端web-view代码： <template><cl-page><!-- <view class="m-wrap"><cl-button @click="hand

uniapp引入最新版Animate.css及使用示例

亲测可用，不好用请移至评论区揍我动画库官网：https://animate.style/ cdn地址：https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css（截至目前最新版为：v4.1.1） 1. 将css下载后导入项目static目录中 2. 重要！修改下载的css文件内容文件内容