随笔分类 - uniapp
摘要:
效果图: 目录结构: 共需要修改6个地方,开始前请安装一个依赖:vue-inset-loader npm i vue-inset-loader vue-inset-loader的GitHub地址:https://github.com/1977474741/vue-inset-loader 一:新建弹
阅读全文

摘要:
效果: 代码目录: 新建uToast,里面建2个文件 index.js: import fullNameVue from './index.vue' const FullToast = {}; FullToast.install = function (Vue, option) { const Fu
阅读全文

摘要:
新建三个文件: dialog.js: export default { /* 链接处理 */ getLink(params) { let url = "/components/dialog/index"; if (params) { let paramStr = ""; for (let name
阅读全文

摘要:
错误的属性数据事件选择,消息为:意外的令牌`main` 可事实真的是main这个值报错吗,非也,是基础库的问题,切换基础库后就正常打包上传了。 或者!切换基础库仍旧不能解决问题,那么gpt一下吧,以下是我之前找的链接: https://developers.weixin.qq.com/communi
阅读全文

摘要:
为什么,我其实并没有解决uni.request设置了timeout为3秒后在断网状态下依旧loading了20秒才捕获错误,也许是因为写法有什么问题吧,我自己新建了个小程序然后写了个请求: <template> <view class="content"> <image class="logo" s
阅读全文

摘要:
如果你正在用uniapp开发h5页面,你会发现h5页面的url里带有一个#号,比如:http://localhost:8080/#/pages/index/index 原因:uniapp默认模式导致 解决方案:修改uniapp默认模式为history,如下图所示:
阅读全文

摘要:
rt,请在全局样式中加入: .uni-body { user-select: text; } 即可,text表示选中文本,none表示禁止选中文本,本来我想在uni-modules中修改user-select的值,发现无效,遂在App.vue中修改了全局样式。
阅读全文

摘要:
canvasToTempFilePath:失败-失败画布为空 一般的解决方案就是查看uni.canvasToTempFilePath的传参是否正确,一个是canvasId必须正确,另一个就是第二个参数为this; 但事情显示没那么简单,这二者我都有填写,却仍旧报这个错,我把canvasid换成别的,
阅读全文

摘要:
try catch 无法捕获到错误,没有回调,没有反应,宛如石化一般,孤寂无边。 原本写法: ctx.draw(false, () => { let a = setTimeout(async () => { const [err, res] = await uni.canvasToTempFileP
阅读全文

摘要:
第一个方法,打开hbuilder x工具,找到文件==》以指定编码重新打开==》选择UTF-8,然后重新编译项目; 上面的方法行不通,则采用第二种: 使用notepad++工具,打开乱码的文件,然后在工具中选择【编码】,再选择【转为UTF-8】,保存,再重新编译即可。
阅读全文

摘要:
前言:uni_modules里面的插件会全部打包在主包里,分包如果都是引用了uni_modules的插件,那么会导致包体积越来越大。 我的项目主要用到一些组件库,如uview,对这个库的依赖太严重了,加上是把2个小程序融合到一起,所以对这个库的依赖就会变得更多。 解决方案:你的小程序是用uniapp
阅读全文

摘要:前言:嗯!这的确是个坑,谁能料到我没有导入插件呢,本来以为旧项目有的,把新项目的代码迁移过去就出现了这个问题。 原因:项目中没有导入uni-popup插件,没有导入就不会生效,其实在小程序开发者工具看,其实是没有uni-popup的样式的。 解决方案: 比较稳妥的方法就是到uni的插件市场选择【选择
阅读全文
摘要:解决方案: 给scroll-view设置样式 white-space: nowrap 然后scroll-view里面的子项要设置样式为 display: inline-block; 接着scroll-view的属性scroll-x要设置为true scroll-x="true" 如果这都不出现滚动,
阅读全文
摘要:methods: { drawPoster() { const ctx = uni.createCanvasContext('canvas', this); // 设置字体样式 ctx.setFontSize(20); ctx.setTextAlign('center'); ctx.setTextB
阅读全文
摘要:如果内容高度没有超出页面高度是无法触发onreachbottom的, 我的swiper-item里面设置了一个overflow-y:auto,swiper则设置了固定的高度。 这将导致swiper-item可以在swiper里面滚动,但却无法触底,也就无法触发onreachbottom。 注意:如果
阅读全文
摘要:前言:如题。 原因:app-vue和小程序框架,渲染引擎是webview的。但为了优化体验,部分组件如map、video、textarea、canvas通过原生控件实现,原生组件层级高于前端组件(类似flash层级高于div)。—— uniapp 解决方案: 1.使用cover-view,该方案由u
阅读全文
摘要:前言:在小程序中input的默认最小高度为1.4rem,假如我要设定的input输入的字体为64rpx,那实际上,input的高度还是显示为1.4rem,但在Android端则不会出现这种情况。 原因:小程序端默认input样式导致。 解决方案:手动设置min-height: 64rpx。
阅读全文
摘要:前言:转让dcloud的一个应用,填写完信息后点确定报错:Ops! 好像发生了一些异常,请尝试重新登录!3秒后返回首页... 原因:你应该是没有满足dcloud应用转让的条件: 我这里就是因为转入的账号没有进行实名认证导致的。 解决方案:请检查你转入的账号以及你的账号是否满足以上dcloud的条件,
阅读全文
摘要:如题。
阅读全文
摘要:如题。
阅读全文