uniapp问题
关注
分享
扫一扫
陈小白_weilin
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
canvas在小程序的坑，白屏和canvasToTempFilePath: fail canvas is empty
第一个坑 画布白屏，找不到canvas createCanvasContext,在其他平台不需要第三个参数this,而在小程序 需要 第三个参数this才可以，这样就可以绘制canvas第二个坑 draw绘制后 canvasToTempFilePath 一直报错 ：canvasToTempFilePath: fail canvas is empty，也是需要添加this参数和添加一个定时器就可以绘制出图片，...原创 2022-06-27 22:03:23 · 3175 阅读 · 0 评论 -
uniapp 苹果安全区配置
问题IOS苹果手机有很多款手机底部都有一条黑线。兼容底部的切换解决方法1. 如果使用的是原生自带的tabbar 打开manifest.json 找到源码视图 在app-plus 节点 添加safearea 字段 这个就是配置iPhoneX的安全区域配置 填写 none 就可以“app-plus” : { /* iPhoneX的安全区域配置。 */ "safearea" : { "background" : "#FF...原创 2021-08-18 16:16:23 · 5128 阅读 · 0 评论 -
uniapp添加蒙版的时候怎么禁止页面滚动
废话不多说 上代码 在对应的蒙版添加一个方法 可以是空方法@touchmove.stop.prevent="moveHandle"//html<view class="screen" :style="{top : `${screenTop + CUSTOM_BAR_HEIGHT}px`,height : `${SCREEN_VIEW_HEIGHT - screenTop}px`}" v-show="screenVisable" @touchmove.stop.preven..原创 2021-07-05 16:36:41 · 882 阅读 · 2 评论 -
uniapp 怎么设置凸起的底部tabbar
uniapp的tabbar 默认的话 是 没有中间凸起的 但是耐不住我们的设计师的想法 就是想让中间的突出 跟别人不一样 这里的话 就有两种原创 2021-06-05 10:39:03 · 5663 阅读 · 18 评论 -
uniapp input输入框 在APP端 拿不到的问题
uniapp的input双向绑定在APP端拿不到值的问题在uniapp 使用 input 的 v-model进行数据绑定 在输入法没确定时候 input框显示有值 但是动态绑定的变量是获取不到相对应的值，而这个时候你如果想要提交数据什么的，会发现一直是个空在上图这个情况下 用户没选择对应英文 直接按保存的话 会发现一直拿不到数据 但页面又显示出数据（存在于部分手机和iOS） 解决这个问题的方法就是 在 保存的 方法触发 加上一个定时器和失去焦点1.第一步在input...原创 2021-03-20 10:58:28 · 3802 阅读 · 5 评论 -
请教下uniapp 打包分享提示签名不对 检查与微信开放平台签名是否一致 这个怎么解决
一.第一步在微信开发平台检测数据，看对应的包名和签名是否一致签名的话 可以通过安装APP，在通过签名查看工具查看对应的签名是否一致二.数据，包名和签名都一致的情况下，还提示签名不一致的话，直接把微信退出登录，再重新登录就可以了或者把微信卸载再重新下载就可以了...原创 2020-09-17 16:55:23 · 12122 阅读 · 1 评论 -
uniapp chooseImage选择图片在部分手机会刷新页面
在uniapp 做选择文件的功能 有部分手机选择完后 会触发生命周期里的方法 会造成页面数据重新渲染，数据更新，造成图片选择不成功等问题，防止这种做法 我们有两种方式一. 不要在onshow生命周期填写相关的函数操作，在onload做函数处理，不过这个方法有个弊端 就是当这个页面不是二级页面，就没有办法进行数据的实时更新，必须退出应用才会重新更新数据，不然就是一直读取之前onload请求的数据二. 通过定义一个布尔值来判断是否为选择图片，因为的话，选择图片虽然会触发onshow方法，但不会把da..原创 2020-09-17 09:44:43 · 6321 阅读 · 0 评论 -
uniapp图表uchart框架 直线图变曲线图
这里记录一下 折线图根据官网给的折线demo 出来的效果就是<template> <view class="transaction"> <view class="canvas"><canvas canvas-id="canvasLine" id="canvasLine" class="charts"></canvas></view> </view></template><scr.原创 2020-08-19 11:17:43 · 6764 阅读 · 7 评论 -
UNIAPP 怎么引入字体
第一种 网络字体地址 const url = 'https://sungd.github.io/Pacifico.ttf' loadFontWeb() { uni.loadFontFace({ family: 'font-test', source: `url("${url}")` }) },第二种 本地字体地址 第...原创 2020-08-17 17:51:38 · 12560 阅读 · 3 评论 -
payment 返回码62000是什么原因
废话不多时 在plus 支付参数都正确的时候 但一直就是支付失败，在error方法打印出来 是 code： 62000，这个错误其实就是 你plus 参数的channels传递错误造成的，要先调用一下plus.payment.getChannels 这个方法 把 开发商返回的 信息 赋值给channels 就可以了，这样要注意plus.payment.getChannels 返回的结果是一个数组，所以要做一下区分，然后在调用一下plus.payment.request 就可以唤起支付了...原创 2020-08-06 10:45:46 · 2360 阅读 · 6 评论 -
uniapp H5端 怎么引入高德地图
废话不多说 ，直接上代码第一步 到高德开发平台申请账号，在控制台创建相关的应用，这里我们使用的网页的api第二步，在对应的页面引入对应的JS文件，既在onload方法触发引入高德JS文件方法 里面的key就是你在控制台创建的key,callback的名字是你在window上挂载的回调方法名字，这里可以随你去，但要下面的名字相对应的，不然触发不了onLoad() { // #ifdef H5 this.loadScrpit(); // #endif },methods .原创 2020-07-28 10:45:41 · 11582 阅读 · 8 评论 -
weex实现文本省略效果
在css中 我们可以通过text-overflow来实现 具体可以通过文本省略去看，但在weex内部没有CSS的这些属性 ，不过它有一个line 属性可以通过这个实现省略效果 line数字表示几行开始省略width: 150rpx;text-overflow: ellipsis;lines: 1;...原创 2020-07-15 17:14:53 · 1252 阅读 · 0 评论 -
uni-app APP运行 adb冲突 解决方案
在uniapp编译到手机的时候 有时候会抱这个错误 adb冲突解决的方案就是 把电脑对应的进程关闭就可以了图中的PID就是对应的端口 后面是冲突的软件名字1.打开任务管理器，这里以win10系统为例，这进程这里找到对应的进程 这里或许有人就有会，为啥没有PID，不用着急，因为默认会关闭一些字段右键点击名称那栏 你会发现这个，把里面的PID勾选上 就可以了，然后排一下序找到对应的PID号 把这个进程关闭掉就可以，你在重新运动UNIAPP 就可以正常编译了...原创 2020-07-10 09:41:50 · 3420 阅读 · 0 评论 -
uniapp 启动图 太久 问题解决
在manifest.json里面把这个关闭然后在入口文件手动关闭plus.navigator.closeSplashscreen(); 就可以了原创 2020-07-09 19:03:13 · 3808 阅读 · 7 评论 -
uniapp插件-微信小程序富文本编辑器myeditor在H5内容没显示问题
使用uniapp插件市场的富文本插件editor的时候，在小程序显示正常，在H5显示错乱 内容不见了效果是这样在小程序显示正常 在H5就变成这样了查看源码发现是样式问题 定位的时候 把高度设置成100%，不是不见了而是变覆盖了找到源码文件editor.vue，找到.header添加一个 height :auto就可以了重新运行一下就可以了...原创 2020-06-17 16:29:00 · 2681 阅读 · 0 评论 -
UNIAPP怎么引入在项目里面引入echart
在uniapp项目中，没有所谓的标签，只有对应的组件，这里就要借助renderjs-echarts-demo，它能把对应的JS和HTML转换为对应的组件，只支持H5和APP第一步 ：引入renderjs-echarts-demo在插件市场找到renderjs-echarts-demo ，直接引入地址这个插件也表示，限制条件为第二步，在所需的页面加入渲染代码创建一...原创 2020-04-27 10:45:16 · 12780 阅读 · 16 评论 -
uniapp--热更新代码
第一步通过ajax请求后端的wgt文件，这个文件是可以通过HBUILDX生成的更新包 第二步官网有给了一个前端的更新代码，不过会出现一个错误unexpected EOF，所以我们用另一个写法 plus.runtime.getProperty(plus.runtime.appid, function(info) { // ajax请求,这里就不写了，这里模拟一个数据，通过Promi...原创 2020-04-09 15:31:49 · 2367 阅读 · 0 评论 -
uniapp-插件NoticeBar 通告栏滚动显示不出来
我们通过uniapp的插件市场引入NoticeBar引入之后 滚动之后发现文字不见了，通过检查代码样式发现，当它滚动的时候，内容的高度为0，既然知道了原因，那就解决了在components找到源码文件找到样式表，找到uni-noticebar__content--scrollable这个类名，在大约318行的位置中加上 height:100%文字就...原创 2020-04-09 12:04:37 · 7844 阅读 · 1 评论 -
uniapp-wgt热更新WGT安装包中manifest.json文件不存在或者unexpected EOF
UNIAPP官方给出了一个wgt热更新功能，通过热更新我们可以进行小部分功能的更新热更新官方地址通过官方给出的教程进行前端搭建export const updateWgt = () => { return new Promise(async (reslove, reject) => { plus.runtime.getProperty(plus.runtime.appi...原创 2020-03-07 11:34:45 · 7658 阅读 · 1 评论 -
uniapp-文件请求方式
第一种 ajax请求方式uni.request(OBJECT)参数名 类型 必填 默认值 说明 平台差异说明 url String 是 开发者服务器接口地址 data Object/String/ArrayBuffer 否 请求的参数 App（自定义组件编译模式）不支持Array...原创 2020-01-10 18:36:22 · 8799 阅读 · 0 评论 -
uniapp-表单提交后请清空表单
第一种 通过v-model=""的动态清空<form @submit="formSubmit" > <view> <input type="text" value="" v-model="test" name="test" /> <button form-type="submit">Submit<...原创 2019-12-10 11:37:57 · 12299 阅读 · 4 评论 -
uniapp动画的爬坑之路---循环动画不生效
看了官方文档发现没有动画循环这个功能，所有要我们自己写个定时器去重复执行，但今天在做跑马灯的时候发现，获取的元素的宽度后，无法循环播放，后来发现，不能输入固定值，只能输入随机数才可以实现无线循环动画效果<template> <view class="home"> <view class="notice-box"> <view clas...原创 2019-12-07 18:20:02 · 7371 阅读 · 1 评论 -
uniapp 保存图片到本地
/* 保存到本地 @params url 网络图片 */ saveImg(url) { const that = this; uni.downloadFile({ url, success: res => { if (res.statusCode === 200) { uni.saveImageToPhotosAl...原创 2019-12-03 17:53:49 · 10168 阅读 · 2 评论 -
uniapp分享功能-怎么能像html2canvas那样截图
有时候我们在做分享功能的时候，有些恶心的要求要求我们把整个页面给生成一张图片如果是H5还好 可以通过html2canvas框架来实现，但uniapp写的不是html,而是组件化的那这个时候，我们可以用他H5+的屏幕截图的途径来实现这个功能<template> <view class="content d-flex-center flex-direction-c...原创 2019-12-03 14:04:04 · 7662 阅读 · 16 评论 -
wap2app ios 向右滑动会出现白屏
wap2app 右滑会变成空白页面, 然后就回不到App了有两个方法iOS关闭侧滑返回：manifest.json的"plus"->"popGesture"节点设置为"none"另外一个 换成 H5+项目打包在index.html添加了上如果还有其他的方法 请在评论去告诉我 谢谢了...原创 2019-11-22 16:45:55 · 1241 阅读 · 2 评论 -
vue脚架,uniapp项目多语言配置
项目主要通过vue-i18n配置多语言,通过npm命令下载依赖npm install vue-i18n --save通过命令我们会得到一个vue-i18n的依赖包创建语言包lang.js,这里我只列举了中文和英文，其他语言类比，如果语言多种的话 建议分开写 每种语言对应一个JS文件库，通过export default或者文件引入的方式把语言包引入到lang文件中，在把lang...原创 2019-11-21 09:19:40 · 522 阅读 · 0 评论 -
uni-app运行环境版本和编译器版本不一致的问题
在打包成APP了 使用了的wgt资源更新 由于HbuildX工具的更新吗，打包后会弹出版本不一致问题解决方法在配置manifest填写上"app-plus": { "compatible": { "ignoreVersion": true //true表示忽略版本检查提示框，HBuilderX1.9.0及以上版本支持 }, 或者//... "a...转载 2019-11-15 09:56:46 · 6501 阅读 · 1 评论 -
uniapp解析富文本图片溢出,超出的问题
1、在App.vue组件中（h5），直接在App.vue修改即可：/*覆盖文本编辑器里面的图片的大小*/uni-rich-text img { max-width: 100% !important;}2、关于小程序和APP里面图片溢出问题，可以通过正则的方式，给图片添加宽度100%,高度auto的样式 借鉴文章（附上原文：https://www.jb51.net/article/...转载 2019-11-14 09:48:40 · 5726 阅读 · 1 评论 -
uniapp scroll-view组件横向滚动不生效
问题 ：效果 ：bug ： 横向滚动没有生效。直接换行解决在css给滚动组件加上white-space: nowrap; 就可以滚动了，记得不要把子元素设置成块级元素 那会独占一行 换成display: inline-block;效果 ：...原创 2019-11-12 10:16:50 · 10924 阅读 · 20 评论 -
uniapp调用API_uni.chooseImage的相机的调用不起来
问题：思路 ： 手机调用不成功的原因是因为在打包成APP的时候 在安卓系统6以上需要用户同意相机权限我们才可以使用我们没有给他相机的权限，所以才会造成相机调用失败 直接进去fail方法去解决方法 ： 1 打开项目的manifest.json -> 找到APP权限模块2 找到里面的安卓配置权限3 找到以下几个权限勾选上 ...原创 2019-11-08 09:46:19 · 18355 阅读 · 34 评论