你瞅啥呢

随笔分类 -  uniapp

摘要:2024-11-17 uniapp小程序之自定义 · 全局弹窗效果图: 目录结构: 共需要修改6个地方,开始前请安装一个依赖:vue-inset-loader npm i vue-inset-loader vue-inset-loader的GitHub地址:https://github.com/1977474741/vue-inset-loader 一:新建弹 阅读全文
posted @ 2024-11-17 23:37 叶乘风 阅读(840) 评论(1) 推荐(0) 编辑
摘要:2024-11-13 uniapp自定义全局弹窗(h5端)效果: 代码目录: 新建uToast,里面建2个文件 index.js: import fullNameVue from './index.vue' const FullToast = {}; FullToast.install = function (Vue, option) { const Fu 阅读全文
posted @ 2024-11-13 16:08 叶乘风 阅读(154) 评论(0) 推荐(0) 编辑
摘要:2024-11-13 uniapp自定义全局弹窗并可以通过uni来调用【转载】新建三个文件: dialog.js: export default { /* 链接处理 */ getLink(params) { let url = "/components/dialog/index"; if (params) { let paramStr = ""; for (let name 阅读全文
posted @ 2024-11-13 11:07 叶乘风 阅读(1329) 评论(0) 推荐(0) 编辑
摘要:2024-06-17 uniapp小程序打包上传报错:Bad attr data-event-opts with message:unexpected token `main`错误的属性数据事件选择,消息为:意外的令牌`main` 可事实真的是main这个值报错吗,非也,是基础库的问题,切换基础库后就正常打包上传了。 或者!切换基础库仍旧不能解决问题,那么gpt一下吧,以下是我之前找的链接: https://developers.weixin.qq.com/communi 阅读全文
posted @ 2024-06-17 14:57 叶乘风 阅读(122) 评论(0) 推荐(0) 编辑
摘要:2024-06-06 uni.request设置timeout在真机环境下无效,h5和模拟器环境下生效为什么,我其实并没有解决uni.request设置了timeout为3秒后在断网状态下依旧loading了20秒才捕获错误,也许是因为写法有什么问题吧,我自己新建了个小程序然后写了个请求: <template> <view class="content"> <image class="logo" s 阅读全文
posted @ 2024-06-06 16:32 叶乘风 阅读(169) 评论(0) 推荐(0) 编辑
摘要:2024-05-04 如何去掉uniapp的h5开发中url存在的#号?如果你正在用uniapp开发h5页面,你会发现h5页面的url里带有一个#号,比如:http://localhost:8080/#/pages/index/index 原因:uniapp默认模式导致 解决方案:修改uniapp默认模式为history,如下图所示: 阅读全文
posted @ 2024-05-04 17:06 叶乘风 阅读(1860) 评论(0) 推荐(0) 编辑
摘要:2024-02-27 新建uni项目【uni-ui模板】在pc端浏览发现无法选中文本 ==》 给页面的.uni-body类设置user-select: text;即可rt,请在全局样式中加入: .uni-body { user-select: text; } 即可,text表示选中文本,none表示禁止选中文本,本来我想在uni-modules中修改user-select的值,发现无效,遂在App.vue中修改了全局样式。 阅读全文
posted @ 2024-02-27 10:35 叶乘风 阅读(46) 评论(0) 推荐(0) 编辑
摘要:2023-09-22 uniapp之canvas调用api【uni.canvasToTempFilePath】报错返回:canvasToTempFilePath:fail fail canvas is empty==》canvas被隐藏了导致无法显示canvasToTempFilePath:失败-失败画布为空 一般的解决方案就是查看uni.canvasToTempFilePath的传参是否正确,一个是canvasId必须正确,另一个就是第二个参数为this; 但事情显示没那么简单,这二者我都有填写,却仍旧报这个错,我把canvasid换成别的, 阅读全文
posted @ 2023-09-22 14:41 叶乘风 阅读(3394) 评论(0) 推荐(0) 编辑
摘要:2023-09-22 uniapp canvas之ctx.draw没有回调 ==》ctx.draw(true, (() =&gt; {...})())try catch 无法捕获到错误,没有回调,没有反应,宛如石化一般,孤寂无边。 原本写法: ctx.draw(false, () => { let a = setTimeout(async () => { const [err, res] = await uni.canvasToTempFileP 阅读全文
posted @ 2023-09-22 14:07 叶乘风 阅读(1137) 评论(0) 推荐(0) 编辑
摘要:2023-09-11 uniapp小程序之拷贝带中文的代码过来后该中文显示为乱码 ==》 以指定编码重新打开 or notepad++转码第一个方法,打开hbuilder x工具,找到文件==》以指定编码重新打开==》选择UTF-8,然后重新编译项目; 上面的方法行不通,则采用第二种: 使用notepad++工具,打开乱码的文件,然后在工具中选择【编码】,再选择【转为UTF-8】,保存,再重新编译即可。 阅读全文
posted @ 2023-09-12 09:22 叶乘风 阅读(323) 评论(0) 推荐(0) 编辑
摘要:2023-09-09 微信小程序之引入uni_modules过多插件导致主包体积过大如何解决 ==》hbuilderx--发行--小程序-微信(仅适用于uniapp)前言:uni_modules里面的插件会全部打包在主包里,分包如果都是引用了uni_modules的插件,那么会导致包体积越来越大。 我的项目主要用到一些组件库,如uview,对这个库的依赖太严重了,加上是把2个小程序融合到一起,所以对这个库的依赖就会变得更多。 解决方案:你的小程序是用uniapp 阅读全文
posted @ 2023-09-09 13:37 叶乘风 阅读(5175) 评论(0) 推荐(0) 编辑
摘要:前言:嗯!这的确是个坑,谁能料到我没有导入插件呢,本来以为旧项目有的,把新项目的代码迁移过去就出现了这个问题。 原因:项目中没有导入uni-popup插件,没有导入就不会生效,其实在小程序开发者工具看,其实是没有uni-popup的样式的。 解决方案: 比较稳妥的方法就是到uni的插件市场选择【选择 阅读全文
posted @ 2023-08-22 17:54 叶乘风 阅读(1508) 评论(0) 推荐(0) 编辑
摘要:解决方案: 给scroll-view设置样式 white-space: nowrap 然后scroll-view里面的子项要设置样式为 display: inline-block; 接着scroll-view的属性scroll-x要设置为true scroll-x="true" 如果这都不出现滚动, 阅读全文
posted @ 2023-08-04 19:41 叶乘风 阅读(1168) 评论(0) 推荐(0) 编辑
摘要:methods: { drawPoster() { const ctx = uni.createCanvasContext('canvas', this); // 设置字体样式 ctx.setFontSize(20); ctx.setTextAlign('center'); ctx.setTextB 阅读全文
posted @ 2023-07-31 13:36 叶乘风 阅读(2678) 评论(0) 推荐(0) 编辑
摘要:如果内容高度没有超出页面高度是无法触发onreachbottom的, 我的swiper-item里面设置了一个overflow-y:auto,swiper则设置了固定的高度。 这将导致swiper-item可以在swiper里面滚动,但却无法触底,也就无法触发onreachbottom。 注意:如果 阅读全文
posted @ 2023-07-21 14:51 叶乘风 阅读(279) 评论(0) 推荐(0) 编辑
摘要:前言:如题。 原因:app-vue和小程序框架,渲染引擎是webview的。但为了优化体验,部分组件如map、video、textarea、canvas通过原生控件实现,原生组件层级高于前端组件(类似flash层级高于div)。—— uniapp 解决方案: 1.使用cover-view,该方案由u 阅读全文
posted @ 2023-07-12 16:57 叶乘风 阅读(2525) 评论(0) 推荐(0) 编辑
摘要:前言:在小程序中input的默认最小高度为1.4rem,假如我要设定的input输入的字体为64rpx,那实际上,input的高度还是显示为1.4rem,但在Android端则不会出现这种情况。 原因:小程序端默认input样式导致。 解决方案:手动设置min-height: 64rpx。 阅读全文
posted @ 2023-07-11 15:11 叶乘风 阅读(464) 评论(0) 推荐(0) 编辑
摘要:前言:转让dcloud的一个应用,填写完信息后点确定报错:Ops! 好像发生了一些异常,请尝试重新登录!3秒后返回首页... 原因:你应该是没有满足dcloud应用转让的条件: 我这里就是因为转入的账号没有进行实名认证导致的。 解决方案:请检查你转入的账号以及你的账号是否满足以上dcloud的条件, 阅读全文
posted @ 2023-07-11 11:42 叶乘风 阅读(161) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示