weixin_42317515的博客

在小程序中使用1rpx时，在边框可能会显示不全。用1px可以解决显示不全的问题，但是真机上线条太粗。解决方法：利用 css 的 伪元素::after+transfrom进行缩放.border1::after{ position: absolute; content: ''; border:1px solid #8BAFFF; border-radius...

实现方法：1.直接使用web-view<web-view:webview-styles="webviewStyles"src="xxxxx"></web-view>该方法只在ios有效2.使用小程序api，wx.downloadFile先下载文件再用wx.openDocument打开文件wx.downloadFile({ url: 'http:...

在小程序中做搜索功能时，有需求要将搜索的文字标记为蓝色。实现方式：1.使用小程序组将rich-text，将内容用正则匹配并用<span style="color:#1D57D8">${this.inputValue}</span>替换<rich-text :nodes="item.articleLabel"></rich-text>...

有时候我们想让scroll-view占满屏幕剩余部分，于是就想到了flex-grow：1，但是发现在开发工具上有效，但是到了真机上就不能滚动了。原因时scroll-view设置纵向滚动时必须要设置一个具体的高度。解决方案:给scroll-view加一个父元素，设置flex-grow：1，在页面加载时获取父元素的高度并赋值给scroll-view。<view class="sc...

小程序实现锚点效果最简单的方法就是通过scroll-view的scroll-into-view属性来实现。<view class="scrollWrap"> <scroll-view scroll-y:scroll-with-animation="true":style="{ height: scrollHeight+'px' }":scroll-into-vi...

用scroll-view做横向滚动时，给scroll-view设置了display：flex，子元素宽度固定，并且总长度超出scroll-view的宽度，但是发现滚动不了，并且子元素宽度被压缩了。解决方法：给scroll-view设置white-space: nowrap;给子元素设置display: inline-block;<scroll-view class="scro...

在安卓手机上，scroll-view滚动时会有滚动条出现解决方法：给scroll-view加上样式::-webkit-scrollbar { width: 0; height: 0; color: transparent;}

目前只在安卓上出现这个问题，在小程序从后台运行重新切回后，swiper滚动失效并且不断抖动。解决方法：1.将@change改成@animationfinish 2.加上if (e.target.source == 'autoplay' || e.target.source == 'touch')代码展示： 第一张解决方案：<swi...