首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
uni-app
乐惠
创建于2023-05-06
订阅专栏
uni-app合集
等 18 人订阅
共29篇文章
创建于2023-05-06
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
uniapp开发微信小程序---分包
一、前言 https://juejin.cn/user/84036866547575/columns 分包优点 减小主包体积:通过将小程序的部分页面和资源分离到分包中,可以减少主包的体积,从而加快小程
uniapp开发微信小程序封装轻量提示窗(支持超长文本)
一、前言 uni.showToast 在小程序中默认仅支持两行文本显示,且样式定制受限。通过自定义弹窗布局,突破原生限制,支持多行文本、自定义标题、灵活配置时长。 二、参数详解 参数名 类型 默认值
uniapp上下左右滑动事件及使用案例
一、前言 简述 通过触摸事件判定开始结束的偏移方向和值,以此达到监听上下左右滑动事件的目的 核心事件:touchstart(开始触摸)、touchend(结束触摸) 应用场景 ↓ 切换tab 切换页面
uniapp开发微信小程序封装步骤条(多场景适配)
一、前言 由于原生steps组件及各组件库无法满足需求,自行封装多场景适配步骤条。 相关知识点:js修改css变量(行内方案)、动态样式类名、作用域插槽及传值、父子传值 二、注意事项 自定义内容插槽与
uni-app开发微信小程序封装自定义弹框(适配各类场景)
一、前言 宽度自定义、颜色自定义,如场景需要可自行添加修改字体大小 解决uni.showModal确认框内容不够灵活的问题的问题 解决uni-popup弹出层需要自定义标题及按钮的样式问题 解决控制标
uniapp开发微信小程序-video组件控制多个视频只播放一个
一、代码思路详解 1、template 1、循环视频列表,设置id属性; 2、@play事件,当开始/继续播放时触发play事件,传递id; 2、mothods 1、此处需要定义好变量,用于确定当前播
uniapp开发微信小程序-分享转发文件到聊天(转发至好友、群聊等)
一、实现思路详解及代码 1、首先调用uni.downloadFile下载文件,显示加载动画uni.showLoading可避免因网络波动、文件较大等原因使用户等待时间过长无响应时误退界面; 2、下载成
uniapp开发微信小程序-分享当前页面到好友或朋友圈
一、前置条件 定义一个按钮,设置open-type="share" 二、事件触发 点击按钮会触发onShareAppMessage事件 res中包含res.from及当前行等信息,通过res.from
uniapp开发微信小程序-下载文件、预览文件
一、下载文件 首先调用uni.downloadFile下载文件资源到本地 下载成功后res.tempFilePath为文件资源临时路径 调用uni.saveFile保存文件到本地 保存文件到本地成功后
uniapp开发微信小程序-实现拍照、录像、录音上传相关文件
一、公共方法 授权 用户拒绝或未授权时调用InquiriesEmpower方法 uni.showModal为弹出确认弹窗,点击确定调用uni.openSetting跳转设置页面,点击取消回跳uni.n
uniapp开发微信小程序-解决"v-for暂不支持循环数据"报错
一、问题描述 报出【v-for 暂不支持循环数据】这个错误,打印点击事件得到undefined 二、解决方案 第一种 将原事件 尝试修改为: 第二种 使用计算属性优化 循环如下 三、 原因分析 首先检
uniapp开发微信小程序-跳转页面并传递复杂数据类型
一、 跳转传递 在跳转前,将需要传递的对象参数转为JSON字符串,然后用encodeURIComponent进行编码,拼接在url后面。 在uni-app中,实现页面跳转并传递对象参数,可以通过以下方
uniapp开发微信小程序-实现全局变量的三种方式
一、前言 在开发的过程中,我们不可避免的用到全局变量,比如我们的请求的公共路径这个变量;我们在uniapp中有几种方式可以实现全局变量 二、全局变量的几种方法 1. 模块 我们可以在项目中新建一个js
uniapp常用小方法封装合集(持续更新中)
一、前言 我们在开发项目经常会遇到一些重复的业务场景,或比较特殊,写在页面中会显得很繁琐,这时就可以用到封装来帮助我们更轻松的实现各种业务。 在uniapp项目中我们可能需要的一些配置: 1、封装公共
uniapp封装自定义导航栏及导航栏适配(顶部固定内容滚动布局)
一、思路解析 1、在pages.json的"style"中通过"navigationStyle": "custom"属性设置自定义导航 2、封装自定义导航栏组件,通过父子传值控制背景色、回退图标、标题
uni-app与vue生命周期对比
一、uni-app生命周期 uni-app应用生命周期函数 函数名 说明 onLaunch 当uni-app 初始化完成时触发(全局只触发一次) onShow 当 uni-app 启动,或从后台进入前
uniapp开发微信小程序-通过文件流下载文件
一、实现思路 通过后台的接口获取返回的文件流, 放到微信的文件管理器,因为是下载文件的需求, 小程序保存的文件有些手机会找不到文件, 打开文件再进行另存指定的位置会比较好 二、代码解析
uniapp开发微信小程序-自定义导航栏(适配大部分机型)
一、 实现思路 通过 wx.getSystemInfoSync 计算得到的整个导航栏高度,pages.json 设置自定义导航: 二、 代码解析 三、 页面使用
uni-app开发微信小程序-分享小程序页面
一、前置问题 uni-app的小程序页面默认是不可分享的,点击页面右上角按钮进行分享时会提示:“当前页面不可转发/当前页面不可分享” 二、解决方法 打开项目的manifest.json文件,在“App
uniapp监听路由跳转
一、实现方法 需要实现一个每次页面跳转的时候都能触发的事件,使用uni.addInterceptor实现,拦截路由跳转方法 演示为全局监听,不同业务场景可进行不同操作,例如监听某个页面,具体使用以实际
下一页