template/store/mobile/index_index.html

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

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

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width">
<title></title>
<link href="__PUBLIC__store/mobile/css/style.css" rel="stylesheet" type="text/css">
{include file="./template/common/app/wx_jssdk.html" url="" /}
<script src="__PUBLIC__static/jquery/jquery-3.2.1.min.js"></script>
</head>
<body>
<!--header头部-->
<div class="home_page_top background_38f">
	<div class="second_column w90">
		<h4 class="float_left">{$storeName}</h4>
		<span></span>
		<a href="javascript:;" class="scanQRCode"><img src="__PUBLIC__store/mobile/images/img2.png" class="right_01"></a>
	</div>
	<div class="two_category w90">
		<div class="float_left">
			<h4><img src="__PUBLIC__store/mobile/images/img25.png" width="17px" height="17px">余额卡</h4>
			<h1>当日新增：<span>{if $balanceConsumTodayMoney}{$balanceConsumTodayMoney}{else}0.00{/if}</span>元</h1>
		</div>
		<div class="centered"></div>
		<div class="float_right">
			<h4><img src="__PUBLIC__store/mobile/images/img25.png" width="17px" height="17px">次卡</h4>
			<h1>当日新增：<span>{$oncecardConsumToday}</span>次</h1>
		</div>
	</div>
</div>
<!-- 图表区域开始 -->
<link rel="stylesheet" href="__PUBLIC__store/mobile/css/f2.css" />
<script src="https://gw.alipayobjects.com/os/antv/assets/f2/3.3.5/f2.min.js"></script>
<style type="text/css">
  .active-a{color:#38f !important;}
  .chart-a{padding: 1px 5px;border:1px solid #ddd;font-size:12px;color:#999;}
</style>
  <div class="chart-wrapper" style="border-bottom: 1px solid #e8e8e8;">
    <div style="padding:5px 13px;">
      <a class="chart-a active-a" href="javascript:;" date="30" type="1"  style="">近30天</a>
      <a class="chart-a" href="javascript:;" date="7" type="1"  style="">近7天</a>
    </div>
    <canvas id="mountNode" style="height:210px;"></canvas>
  </div>
  <div class="chart-wrapper">
    <div style="padding:5px 13px;">
      <a class="chart-a active-a" href="javascript:;" date="30" type="2" style="">近30天</a>
      <a class="chart-a" href="javascript:;" date="7" type="2" style="">近7天</a>
    </div>
    <canvas id="mountNodes" style="height:210px;"></canvas>
  </div>
  <script>
  // 次卡
  // 接收json
  var dataoncecard = {php} echo json_encode($dataoncecard){/php};
  var chartoncecard = new F2.Chart({
    id: 'mountNode',
    pixelRatio: window.devicePixelRatio
  });