小程序
文章平均质量分 70
小麦_gz
加油加油
展开
-
兼容iphonex手机底部的横线处理
/* 兼容iPhoneX */ padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);原创 2020-11-26 14:54:10 · 838 阅读 · 1 评论 -
css兼容iphoneX底部的横线
/* 兼容iPhoneX */ margin-bottom: 0; margin-bottom: constant(safe-area-inset-bottom); margin-bottom: env(safe-area-inset-bottom);原创 2020-08-13 17:57:24 · 1052 阅读 · 0 评论 -
小程序仿微信聊天input框的处理思路
最近做了个项目,是在小程序中仿微信聊天的,其中Input框遇到的坑有2个:1.当Input框fixed或者absolute在底部的时候,我们输入内容时,键盘弹起会导致input的光标移位2.当我们聊天记录只有一两条的时候,键盘顶起了页面,那两条聊天记录就会被顶起看不到了首先我先解决input光标移位的问题其实只要Input框不是通过定位放在底部,就不会出现键盘顶起后,光标移位的问题了.我是通过计算屏幕高度 - 输入框的高度 = 展示消息列表的高度(scroll-view)这样,我们的input框原创 2020-07-31 15:19:16 · 983 阅读 · 0 评论 -
数组里面出现了__ob__: Observer,拿不到里面的数据
在我们push数据进数组里面或者赋值一些动态数据到数组以后,当数组里面出现如例子:[Array(36), Array(14), ob: Observer],后面的__ob__: Observer以后,我们会获取不到该数组里面的值,它是不可枚举的,这时候我们需要用JSON.parse(JSON.stringify(该数组))重新生成一个可枚举数组.const data = { multiArray: this.multiArray, multiIndex: this.multiIndex}da原创 2020-05-26 16:15:08 · 13538 阅读 · 5 评论 -
Mpvue获取链接上的参数值
articleIds就是链接后面带的参数的名字(www.xxx.com?articleIds=1)this.$root.$mp.query.articleIds原创 2020-05-12 10:10:40 · 399 阅读 · 0 评论 -
小程序的动画效果
我用的是mpvue开发的小程序动画效果的代码如下:<div :animation="animationData" class="commodity_attr_box" v-if="showModalStatus"> <!--内容--></div>data(){ return (){ animationData:{} }},method...原创 2020-04-30 11:28:45 · 274 阅读 · 0 评论 -
微信小程序的video组件,更改播放按钮
小程序的video的按钮是白色的,当视频封面也是白色的时候会看不到播放按钮这里我用的是Mpvue来写的,换成原生的话,道理其实一样的代码如下:<video id="myvideo" object-fit="fill" class="myvideo video-js vjs-fluid" :src="videoinfo.play_urls....原创 2020-04-30 11:09:16 · 2806 阅读 · 0 评论