jili2/application/h5/view/wx_book_dinner/index.html

<style type="text/css">
    .icon-center{
        display: block;
        font-size:20px;
        text-align: center;
    }
    .weui-header .weui-header-left, .weui-header .weui-header-right {
        position: absolute;
        top: 14px;
        display: block;
        font-size: 12px;
        line-height: 21px;
        color: #FFF;
    }
    .weui_tab_bd{
        /*-webkit-overflow-scrolling: touch;*/
    }
    .weui-navigator-list2{
        background-color: #ffffff;
        border: 1px solid #6eb7ff;
        border-radius: 1vw;
    }
    .weui-navigator-list2 li{
        width: 45vw;
        background-color: #ffffff;
        border-radius: 1vw;
    }
    .weui-navigator-list2 li.weui-state-active1{
        background-color: #6eb7ff;
        color: #ffffff !important;
    }
    .weui-navigator-list2 li.weui-state-hover, .weui-navigator-list2 li.weui-state-active a:after {
        display: none;
    }
    .weui-navigator-list2 li.weui-state-hover, .weui-navigator-list2 li.weui-state-active a {
        color: #ffffff!important;
    }
    .wsss a{
        color: #ffffff !important;
    }

</style>
<link href="/static/mobile/weui/style/weui.css" rel="stylesheet">
<link href="/static/mobile/weui/style/weui2.css?v=1" rel="stylesheet">
<link href="/static/mobile/weui/style/weui3.css" rel="stylesheet">
<div class="weui_tab tab-bottom">
    <div class="weui-header">
        <div class="bg-blue">
            <div class="weui-header-left"></div>
            <h1 class="weui-header-title"><a href="javascript:;">{$user.HospitalName}<span class="icon icon-74"></span></a></h1>
            <div class="weui-header-right">
                {if $special && $isSpecial}
                <a style="color:#fff;font-size: 12px;" href="{:url('tc')}">套餐点餐</a>
                {/if}
            </div>
        </div>
        <div id="tagnav1" class="weui-navigator weui-navigator-wrapper" style="margin-top: 10px;margin-bottom: 10px;">
            <ul class="weui-navigator-list weui-navigator-list2">
                <li class="{$is_spot==1?'weui-state-active1 wsss':''}">
                    <a href="{:url('indexchange')}?spot=1">今日</a>
                </li>
                {if !$bDinder}
                <li class="{$is_spot==2?'weui-state-active1 wsss':''}">
                    <a href="{:url('indexchange')}?spot=2">明日</a>
                </li>
               {/if}
            </ul>
        </div>

        <div id="tagnav" class="weui-navigator weui-navigator-wrapper">
            <ul class="weui-navigator-list">

                {foreach $typeList as $k=>$value}
                <li class="{$dinner_type_id==$value['id']?'weui-state-active':''}">
                    <a href="{:url('index')}?dinner_type_id={$value['id']}">{$value['name']}</a>
                </li>
              {/foreach}
            </ul>
        </div>
    </div>
    <div class="weui_tab_bd">

        {include file="../application/h5/view/wx_book_dinner/Dinner.html"}
    </div>
    <div class="weui_tabbar ">
        <a href="{:url('index')}" class="weui_tabbar_item weui_bar_item_on">
            <div class="weui_tabbar_icon">
                <span class="icon icon-29 icon-center"></span>
            </div>
            <p class="weui_tabbar_label">主页</p>
        </a>
        <a href="{:url('cart')}" class="weui_tabbar_item">
            <div class="weui_tabbar_icon">
                <span class="icon icon-24 icon-center"></span>
            </div>
            <p class="weui_tabbar_label">我的购物车
              {if $cartCount >0}
                <span class="weui-badge" id="badgecart" data-cart="{$cartCount}">{$cartCount}</span>
              {else}
                <span class="weui-badge" id="badgecart" data-cart="{$cartCount}" style="display:none;">{$cartCount}</span>
                {/if}
            </p>
        </a>
        <a href="{:url('order')}" class="weui_tabbar_item">
            <div class="weui_tabbar_icon">
                <span class="icon icon-99 icon-center"></span>
            </div>
            <p class="weui_tabbar_label">我的订单</p>
        </a>
    </div>
</div>
{include file="../application/h5/view/wx_book_dinner/header.html"}

<script>
    $(function(){
        $('.weui_tab').tab({
            defaultIndex: 0,
            activeClass:'weui_bar_item_on',
            onToggle:function(index){
            }
        });
    });
</script>