{if condition="isset($shopOauthUrl)"}
<script src="{$shopOauthUrl}"></script>
{/if}
<style type="text/css">
    .bottom{
    width: 100%;
    height: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: white;
    border-top: 1px solid #e7e7e7;
}
.nav{
    width: 25%;
    height: 1rem;
    text-align: center;
    font-size: 0.28rem;
    line-height: 20px;
    color: #999;
    padding-top: 0.55rem;
}
.nav:nth-child(1){
    background: url(__PUBLIC__/front/img/home.png) no-repeat center 0.07rem;
    background-size: auto 33%;
}
.nav:nth-child(2){
    background: url(__PUBLIC__/front/img/order.png) no-repeat center 0.07rem;
    background-size: auto 33%;
}
.nav:nth-child(3){
    background: url(__PUBLIC__/front/img/shop.png) no-repeat center 0.07rem;
    background-size: auto 33%;
}
.nav:nth-child(4){
    background: url(__PUBLIC__/front/img/ucenter.png) no-repeat center 0.07rem;
    background-size: auto 33%;
}
.nav:nth-child(1).active{
    background: url(__PUBLIC__/front/img/home_a.png) no-repeat center 0.07rem;
    background-size: auto 33%;
}
.nav:nth-child(2).active{
    background: url(__PUBLIC__/front/img/order_a.png) no-repeat center 0.07rem;
    background-size: auto 33%;
}
.nav:nth-child(3).active{
    background: url(__PUBLIC__/front/img/shop_a.png) no-repeat center 0.07rem;
    background-size: auto 33%;
}
.nav:nth-child(4).active{
    background: url(__PUBLIC__/front/img/ucenter_a.png) no-repeat center 0.07rem;
    background-size: auto 33%;
}

</style>
<div class="bottom">
    {assign name="acname" value=":request()->action()" /}
    {assign name="coname" value=":request()->controller()" /}
    {eq name="acname" value='index'}
    <a href="{:url('front/index/index');}" class="nav active">会员首页</a>
    {elseif condition="$acname eq 'task'"}
    <a href="{:url('front/index/index');}" class="nav active">会员首页</a>
    {elseif condition="$acname eq 'activitycenter'"}
    <a href="{:url('front/index/index');}" class="nav active">会员首页</a>
    {elseif condition="$acname eq 'apply'"}
    <a href="{:url('front/index/index');}" class="nav active">会员首页</a>
    {else/}
    <a href="{:url('front/index/index');}" class="nav">会员首页</a>
    {/eq}
    
    {if condition="$acname eq 'submitorder'"}
    <a href="{:url('front/order/shopInfo')}" class="nav active">优惠套餐</a>
    {elseif condition="$acname eq 'shoppackage'"}
    <a href="{:url('front/order/shopInfo')}" class="nav active">优惠套餐</a>
    {elseif condition="$acname eq 'shopinfo'"}
    <a href="{:url('front/order/shopInfo')}" class="nav active">优惠套餐</a>
    {elseif condition="$acname eq 'agreement'"}
    <a href="{:url('front/order/shopInfo')}" class="nav active">优惠套餐</a>
    {else /}
    <a href="{:url('front/order/shopInfo')}" class="nav">优惠套餐</a>
    {/if}
    <a href="{$shopUrl}/Mobile/Index/index.html" class="nav">积分商城</a>
    {if condition="$acname eq 'mycenter'"}
    <a href="{:url('front/index/myCenter')}" class="nav active">个人中心</a>
    {elseif condition="$acname eq 'mycard'"}
    <a href="{:url('front/index/myCenter')}" class="nav active">个人中心</a>
    {elseif condition="$acname eq 'card'"}
    <a href="{:url('front/index/myCenter')}" class="nav active">个人中心</a>
    {elseif condition="$acname eq 'sign'"}
    <a href="{:url('front/index/myCenter')}" class="nav active">个人中心</a>
    {elseif condition="$acname eq 'myphoto'"}
    <a href="{:url('front/index/myCenter')}" class="nav active">个人中心</a>
    {elseif condition="$acname eq 'numdetails'"}
    <a href="{:url('front/index/myCenter')}" class="nav active">个人中心</a>
    {elseif condition="$acname eq 'bind'"}
    <a href="{:url('front/index/myCenter')}" class="nav active">个人中心</a>
    {elseif condition="$acname eq 'coupon'"}
    <a href="{:url('front/index/myCenter')}" class="nav active">个人中心</a>
    {elseif condition="$acname eq 'orderinfo'"}
    <a href="{:url('front/index/myCenter')}" class="nav active">个人中心</a>
    {else /}
    <a href="{:url('front/index/myCenter')}" class="nav">个人中心</a>
    {/if}
</div>