template/store/web/oncecard_index.html

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

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

<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <title>华易门店会员卡营销系统-门店管理端</title>
    <link rel="stylesheet" href="__PUBLIC__static/layui/css/layui.css">
    <link rel="stylesheet" href="__PUBLIC__admin/css/layui-theme-custom.css">
    <link rel="stylesheet" href="__PUBLIC__admin/css/index.css">
    <link rel="stylesheet" href="__PUBLIC__store/web/css/newstyle.css">
    <script src="__PUBLIC__static/jquery/jquery-3.2.1.min.js"></script>
    <script src="__PUBLIC__static/layui/layui.all.js"></script>
    <script src="__PUBLIC__static/layui/layui.js"></script>
</head>
<body>
<style type="text/css">
    .user-box{height: 60px;position: relative;border-bottom:1px solid #f1f1f1;}
    .status-box{padding: 2px 5px;font-size: 12px;background-color: #38f;color: #fff;margin-right:10px;}
    .common-span{color:#000;font-size:13px;margin-right: 5px;}
    .user-box img{width:38px;height: 38px;border-radius:38px;}
    .card-box{padding:10px;width:29%;border-radius:8px;box-shadow:0 1px 5px #ddd; position: relative;margin:8px;}
    .card-span{padding:1px 5px;color:#fff;background-color:#F44336;margin-right:5px;border-radius:3px;}
    .card-content-box{margin:5px 0;border-radius:8px;height:88px;}
    .card-content-box p{color:#fff;}
    .card-a{position: absolute;padding:0 10px;border-radius:3px;top:10px;right:10px;background-color: #38f;color:#fff;}
    .card-a:hover{color:#fff;}
</style>
<div class="wrapper">
    {include file="./template/store/web/top.html" /}
    <div class="main_container w1000">
        {include file="./template/store/web/nav.html" tab="oncecard" /}
        <div class="content_area">
            <div class="main_container_right">
                  <ul class="tabs">
                    <li class="left">
                      <a href="javascript:;" class="size_14 tabs-span">手动查询</a>
                      <div id="tab-content1" class="tab-content" style="display: block;">
                        <div class="query_box">
                            <div class="manual_tab_ipt rc_input rc_input_small left" >
                              <input name="keywords"  autocomplete="off" value="{$PARAM['keywords']|default=''}" type="text" class="rc_input_inner" placeholder="姓名/手机号">
                              <input type="hidden" id="qrcode"  value="" />
                            </div>
                            <button type="button" class="manual_tab_btn rc_button rc_button_primary left" id="form-submit">查 询</button> 
                        </div>
                        {notempty name="arr"}
                          {foreach $arr as $value}
                            <div style="margin:20px;box-shadow: 0 1px 5px #ddd;">
                              {if $memberInfo[$value]}
                              <div class="user-box">
                                <div style="position: absolute;top:10px;left:10px;">
                                    <img src="{if !empty($memberInfo[$value]['avatar'])}{$memberInfo[$value]['avatar']}{else}resource/images/noavatar_middle.gif{/if}"  style="" />  
                                    <span class="" style="color:#c18975;">{$memberInfo[$value]['name']}</span>
                                    <span class="status-box" style="">{if $memberInfo[$value]['status'] == 1}<span>正常</span>{else}<span>锁定</span>{/if}</span>
                                    <span class="common-span">积分：{$memberInfo[$value]['credits']} 个</span>
                                    <span class="common-span">优惠券：<span>{php} echo count($memberCouponList);{/php}</span> 张</span>