微信小程序 0.5px的border在ios上显示粗细不均匀的解决方法

如题所述，在微信小程序中，0.5px的boder在ios上会显示粗细不均匀，这是由于ios的像素导致的，具体的可以看 https://www.jianshu.com/p/539e5a9129d6

具体的解决方案如下：

不再是直接style里面添加0.5px的border，而是内部添加一个view，把border通过伪元素绘制出来，宽高是200%、边框是1px，通过缩放0.5倍，绘制出和父视图一样的粗细的border，在ios上也能保证粗细一致。

小程序tabbar顶部有一条黑色的横线，颜色太黑有些突兀，可通过如下设置进行自定义：

app.json

tabBar的borderStyle属性为默认为black，我们将它设置为white。只能设置这2个值中的一个。

设置为white之后，tabbar的黑色分割线就看不见了。

然后，我们自定义页面tabbar分割线的样式

app.wxss

最后，在需要显示分割线的页面添加分割线

---