uni-appのtabBarは基本的に古くから使用されており、とても使いやすいです。
突然、タブバーの真ん中に膨らみを求められたのですが、プラグイン市場を初めて考えたとき、少しやりましたが、あまり満足できませんでした。
unideのドキュメントを調べたところ、midButtonが見つかりましたが、これは予想外であり、嬉しい驚きでした。例から始めて、ドキュメントを次の場所に配置します。
1.新しいプロジェクトを作成し、ドキュメントへの参照を作成します。
"midButton":{ "幅": "80px"、 "高さ": "50px"、 "テキスト": "12345熱線"、 "iconPath": "static / tabbar / mm.png"、 "iconWidth": "24px 「」
}
効果がないようです
2.ドキュメントをもう一度見ると、「中央の膨らみの効果を実現するために、中央のボタンの高さをtabBarの高さよりも高くすることができます。」これに従ってください。
"midButton":{ "幅": "80px"、 "高さ": "70px"、 "テキスト": "12345熱線"、 "iconPath": "static / tabbar / mm.png"、 "iconWidth": "24px 「」
}
それでも効果はありません。iconWidthを少し増やします(40px)
"midButton":{ "幅": "80px"、 "高さ": "70px"、 "テキスト": "12345熱線"、 "iconPath": "static / tabbar / mm.png"、 "iconWidth": "40px 「」
}
3.このとき、真ん中のアイコンが変わっているのに気づきました。最初はそういうアイコンを使っていたのですが、ユニ内での一連の操作を経て、設定されていればどんなアイコンでも使えると思いました。私たちがやりたいことをしてください。、以下に示すように(これはプラグイン市場のスクリーンショットです)
このとき、浮き上がっていて丸いアイコンが必要であることがわかりました。交換してください。
恥ずかしいですが、真ん中の線は...、tabBarの下のborderStyleはデフォルトで黒で、白に変更するだけです。
分割線がないので少し感じます...必要に応じて使用できます... iconWidthを小さく設定し、borderStyleを黒に設定します
私はいつもほとんど意味を感じます、またはこのようなアイコンが必要です、私たちが望む効果を達成するためにそれに曲線があります、時間は限られています、次の写真は私の組み合わせです、少し醜いです
一般的に、それはおそらくそれが意味することです、それが生きているのを見てみましょう、何か問題があれば私を訂正することを歓迎します!
終わったと思いますか?これがクライマックスの部分です。福祉のために、ユニコミュニティで何か書きたいです。執筆中
これはとてもいいです。