![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Uniapp
文章平均质量分 68
辰聂
这个作者很懒,什么都没留下…
展开
-
小程序-input框如何输入带有emoji表情功能
//将emoji表情进行转义再发送至后台var nikeName= '小罗老师%F0%9F%98%82' let regex = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u.转载 2021-03-30 18:02:59 · 2455 阅读 · 0 评论 -
H5&小程序中实现emoji表情
H5页面&小程序如何实现emoji表情?emoji表情都非常熟悉了,比如微信的会话窗口可以发表情。但是仔细看有一个重要的发现,比如朋友给你发一个emoji表情,在聊天会话列表页查看最近消息,会发现有点不同,体现在如下:列表页看到的就是一个表情,比如大笑?的表情。列表页看到的是一个文字,比如[发呆],[懵逼]前者就是默认emoji表情了,后者则是自定义表情。显然你拿着微信的[懵逼]在微博上是显示不出微信的[懵逼]表情的。本文就讲述在H5和微信小程序下的这两种emoji表情的实现。自定转载 2021-03-30 17:55:45 · 3317 阅读 · 1 评论 -
关于uniapp canvas.draw方法没有执行回调的问题
问题: canvas绘制完成后,无法进入canvas.draw的回调函数原因:由于绘制速度太快解决:方法一: 在draw外套个setTimeout方法二:this.ctx.draw(false, setTimeout(()=>{ console.log(3)},300))原文链接: https://www.jianshu.com/p/3a21c4edacf5...转载 2020-12-27 17:13:44 · 4888 阅读 · 3 评论 -
uniapp uview 中阻止switch开关的事件冒泡
在做项目的时候遇到了switch和祖父元素事件冒泡的问题。刚开始想的解决办法是在change里面加e.preventDefault来阻止,然鹅不生效。就抱着试一试的方法在switch的父元素加上stop试试,竟然成功了。<view v-for="(item, index) in deviceList" :key="index" @tap="airPanel(item, deviceType)" > <view class="device-switch" @tap.stop.pr转载 2020-12-13 17:51:37 · 2613 阅读 · 2 评论 -
关于uniapp中分包后无法加载分包中的图片、图片报错500、图片分包以及分包优化的问题
uniapp项目中,有时候可能会有很多的静态资源图片,这可能会造成主包的体积过大、影响首页加载效率、超出2M限制等问题,而又不想将图片上传到服务器,这时候可以采用uniapp提供的分包加载机制,本文对如何使用分包加载不做过多介绍,只对 分包后 的图片加载异常做详细解说。图片加载不出来的原因?在正式解决问题之前,我们先来了解一下出现问题的原因,如下图,我在pagesA分包内创建了一个static文件夹,里边放置了一些静态资源,如图片、图标等再来看看项目编译至微信平台时的项目结构由上图可以看到,打包原创 2020-12-13 17:07:42 · 8610 阅读 · 7 评论 -
uni-app导航栏和状态栏配置
参考:官网uni-app导航栏开发指南。1.1 原生导航栏-通用配置(1) 原生导航优点原生导航的体验更好,渲染新页面时,原生导航栏的渲染无需等待新页面dom加载,可以在新页面进入动画开始时就渲染。原生导航还可以避免滚动条通顶,并方便的控制原生下拉刷新。通过pages.json的配置,可以简单的、跨端的、高性能的开发业务。(2) 原生导航缺点原生导航栏的扩展能力有限的。尤其是微信下,没有提供太多导航栏的配置。(3) 原生导航栏的通用配置: uni-app 自带原生导航栏,在page.转载 2020-11-25 11:22:04 · 5777 阅读 · 0 评论 -
uniapp写项目如何分包(uniapp项目过大)
uniapp分包的方法在开放文档里有,有一定基础的小伙伴还是可以看懂的uniapp分包首先 我们在根目录下创建一个pagesB文件夹,用来放置需要分包的页面下一步是把比较大的文件直接拉过去,pages里就没有这个文件了,然后配置路由"subPackages": [{ "root": "pagesB", //文件夹名称, pages文件夹同级新建一个就行 "pages": [ { "path" : "line_otem_detail/line_otem_detail"转载 2020-11-22 17:58:24 · 5013 阅读 · 0 评论 -
uni.chooseLocation无效及再次授权问题
1、在mainfest.json配置微信小程序权限2、触发接口<button @tap="chooseLocation">选择地点</button>3、授权及再次授权wx.chooseLocation({ success: (data) => { let address = data.address.split('市') this.addressData.addressName = address[0] + '市' this.addressData.a转载 2020-11-06 08:43:12 · 3864 阅读 · 3 评论 -
在调用uni.navigateBack前怎么将参数或者说数据带回上一个页面
比如 我要从B页面返回A页面方法一:使用A页面原有的onShow生命周期注意:此方法只适用于小程序端,h5端会报错:如下[Vue warn]: Error in v-on handler: “TypeError: prevPage.onShow is not a function”小程序端、h5端都适用的方法请看下方的方法二在B页面中:// 这是需要传递的参数let obj = { name: '张三', age: 20}// 获取当前页面栈let pages = getCurren原创 2020-11-01 22:26:22 · 1027 阅读 · 1 评论 -
uniapp scroll-view组件隐藏滚动条
在用scroll-view的时候:用手机模拟器和小程序查看的时候并没有出现滚动条,真机运行的时候出现滚动条,用h5直接看的时候出现滚动条,我发现的解决办法有两种:1.在app.vue的style里面外部链接base.css 这种办法比较适配,控制所有滚动条<style> @import url("./base.css");</style>在base.css中::-webkit-scrollbar{ display: none;}2.直接在app.vue转载 2020-10-26 20:42:50 · 2951 阅读 · 0 评论 -
uniapp中如何获取元素的宽度高度等信息
小程序端是没有dom的,那么在uniapp中怎么获取元素的高度等信息uniapp提供了对应的api方法,开发者直接调用即可,如下:// select中的参数就如css选择器一样选择元素let info = uni.createSelectorQuery().in(this).select(".scrollbox");info.boundingClientRect(function(data) { // data - 包含元素的高度等信息 // console.log(data.height)原创 2020-10-26 21:09:40 · 8406 阅读 · 0 评论