<div class="page__bd" style="height: 100%;">
            <div class="mx-tab">
                <div class="mx-navbar">
                    <div class="mx-navbar__item mx-bar__item_on">
                        选项一
                    </div>
                    <div class="mx-navbar__item">
                        选项二
                    </div>
                    <div class="mx-navbar__item">
                        选项三
                    </div>
                </div>
                <div class="mx-tab__panel">

                </div>
            </div>
        </div>
        <script>
            $(function(){
                $('.mx-navbar__item').on('click', function () {
                    $(this).addClass('mx-bar__item_on').siblings('.mx-bar__item_on').removeClass('mx-bar__item_on');
                });
            });
        </script>