WeChat アプレット tabBar ボーダー プラス | シャドウ

1. タブバーの borderStyle プロパティを白に設定します。

2.app.wxss内

page::after{
  content: '';
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height:1rpx;
  background: transparent;
  box-shadow:0rpx -2rpx 20rpx 2rpx rgba(165,165,165,0.34);
  z-index: 9999;
}

3. シャドウが必要ないページがあります。現在のページの wxss でそれらをキャンセルします。

page::before{
    height: 0rpx;
}

または、シャドウ ページを必要とする wxss にステップ 2 を記述して、ステップ 3 が不要になるようにします。

参考リンクヒント: アプレットのタブバーの境界線の色をカスタマイズする方法 - Short Book (jianshu.com)