template/store/web/oncecard_supplement.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 href="__PUBLIC__store/web/css/newstyle.css" rel="stylesheet" type="text/css">
<script src="__PUBLIC__static/layui/layui.js"></script>
<script src="__PUBLIC__static/jquery/jquery-3.2.1.min.js"></script>
</head>
<body>
<style type="text/css">
.master-card{    padding: 1px 5px; background-color:#FF5722; color: #fff; margin-right: 5px;} 
.sub-card{    padding: 1px 5px; background-color: #2F4056; color: #fff; margin-right: 5px;} 
.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>
				                                    <span class="common-span">手机号：{$memberInfo[$value]['mobile']}</span>