template/app/mycard_index.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>我的卡包</title>
    <meta name="keywords" content="华易门店会员卡营销">
    <meta name="description" content="华易门店会员卡营销">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="__PUBLIC__app/css/common.css" rel="stylesheet">
    <link href="__PUBLIC__app/css/mycard.css" rel="stylesheet">
</head>

<body>
    <div class="wrapper">
        <div class="main">
            <header class="header">
                <div class="header_box" style="border-bottom: none;">
                    <a href="javascript:history.go(-1);" class="icon-left fa fa-angle-left fa-lg"></a>
                    <div class="title" style="text-align: left"><img style="height: 16px; margin-right: 5px;" src="__PUBLIC__app/images/svg/card_icon.svg"><span style="vertical-align: middle;">{if $Request.param['status']==1}会员卡{else}失效卡{/if}</span></div>
                    {if $Request.param['status']==1}<a href="{:url('/app/mycard/index',['status' => 2])}" class="icon-right" style="font-size: 16px; color: #1296db; right: 15px;">失效卡</a>{/if}
                </div>
            </header>
            <div class="header-fill"></div>
            <div class="card-list">
                {volist name="cardDataList" id="value"}
                <div class="card-box" style="background-image:url(__PUBLIC__{$value['card_img']}); {if $Request.param['status']==2}filter:grayscale(70%);-webkit-filter:grayscale(70%);{/if}" data-url="{:url('/app/my'.$value['card_type'].'/info',['id'=>$value['id']])}" onclick="jumpUrl(this)">
                    <div class="card-top">
                        <a> 
                            <span class="name">{$value['card_name']}</span>
                            {if $value['uid']==$user['id']}
                            <span class="card-code" style="background-color: #ff5722">主卡</span>
                            {else}
                            <span class="card-code" style="background-color: #2F4056;">副卡</span>
                            {/if}
                            <p class="number">{$value['card_number']}</p>
                        </a>
                        {if $Request.param['status']==1}
                            <a href="{:url('/app/my'.$value['card_type'].'/code',['id'=>$value['id']])}" style="text-align: center;">
                                <img src="__PUBLIC__app/images/erweima.png" class="code-img" />
                                <span class="code-text">去刷码</span>
                            </a>
                        {else}
                            <span class="card-code" style="background-color: #2F4056; font-size: 14px; height: 20px;">已过期</span>
                        {/if}
                    </div>
                    <div class="card-bottom"></div>
                </div>
                {/volist}
            </div>
        </div>
        <!-- 底部导航 -->
        {include file='./template/app/footer.html'}
        <!-- 底部导航 -->
    </div>
    <script src="__PUBLIC__static/jquery/jquery-3.2.1.min.js"></script>
    <script>
    //跳转
    function jumpUrl(val){