微信小程序小TIPS-个人记录

1、图片文件转BASE64

let url = 'assets/images/add/loading.gif'

let base64 = wx.getFileSystemManager().readFileSync(url, "base64")

2、隐藏滚动条，在对应的页面样式上加如下代码

::-webkit-scrollbar {

width: 0;

height: 0;

color: transparent;

display: none;

}

3、实现如下效果，解决线条重叠问题

wxml中：

<view class="list-container">

<view class="list-item" wx:for="{{list}}" wx:for-item="item" >

<image src="{{item.image}}"></image>

<text >{{item.name}}</text>

</view>

</view>

wxss中：

.list-container {

display: flex;

flex-direction: row;

flex-wrap: wrap;

margin-top:24rpx;

}

.list-container .list-item:nth-child(n+4) {

border-top: none;

}

.list-container .list-item:nth-child(3n+3) {

border-right: 1rpx solid #E2E2E2;

}

.list-container .list-item:last-child {

border-right: 1rpx solid #E2E2E2;

}

3、微信小程序  富文本不显示空行  亲测有效

     微信小程序wxparse特殊解析空格,解析↵换行符号 - JavaShuo

4、微信小程序样式实现文字描边

text-shadow: 1px -1px 0px #FFF, 1px -1px 0 #FFF, -1px 1px 3px rgba(0, 0, 0, 0.1608), 1px 1px 0 #FFF;