138 lines
6.2 KiB
HTML
138 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
||
<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文，zh-cmn-Hans:简体中文 -->
|
||
<html lang="zh-cmn-Hans">
|
||
<head>
|
||
<!-- 声明文档使用的字符编码 -->
|
||
<meta charset="utf-8" />
|
||
<!-- 优先使用 IE 最新版本和 Chrome -->
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||
<!-- 网页作者 -->
|
||
<meta name="author" content="吃肉的饺子,2659004835@qq.com" />
|
||
<!-- 网站说明 -->
|
||
<meta name="description" content="基于SEO网站" />
|
||
<!-- 关键字 -->
|
||
<meta name="keywords" content="基于SEO网站" />
|
||
<!-- 防页面被转码----根据浏览器的屏幕大小自适应的展现合适的效果，同时适合在移动设备和电脑上进行浏览 -->
|
||
<meta name="applicable-device" content="pc,mobile" />
|
||
<meta name="MobileOptimized" content="width" />
|
||
<meta name="HandheldFriendly" content="true" />
|
||
<!-- 限制所有的搜索引擎建立网页快照 -->
|
||
<meta name="robots" content="noarchive"/>
|
||
<!-- 为移动设备添加 viewport -->
|
||
<!-- <meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no"> -->
|
||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||
<!-- 控制选项卡颜色，手机端切换软件时 -->
|
||
<meta name="theme-color" content="#db5945">
|
||
<!-- 禁止 Chrome 浏览器中自动提示翻译 -->
|
||
<meta name="google" value="notranslate">
|
||
<!-- 添加 favicon icon icon在线制作链接：（比特虫）https://www.bitbug.net/ -->
|
||
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
|
||
<!-- 网站标题 -->
|
||
<title>seo框架</title>
|
||
<!-- 标签基本样式 -->
|
||
<link rel="stylesheet" type="text/css" href="__STATIC__/css/base.css"/>
|
||
<!-- swiper轮播 -->
|
||
<link rel="stylesheet" type="text/css" href="__STATIC__/css/swiper.min.css"/>
|
||
<link rel="stylesheet" type="text/css" href="__STATIC__/css/animate.min.css"/>
|
||
<!-- 自定义样式 -->
|
||
<link rel="stylesheet" type="text/css" href="__STATIC__/css/style.css"/>
|
||
<!-- 外部js -->
|
||
<!-- <script src="./js/jquery.js" type="text/javascript" charset="utf-8"></script> -->
|
||
<script src="__STATIC__/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
||
<script src="__STATIC__/js/jquery.qrcode.min.js" type="text/javascript" charset="utf-8"></script>
|
||
<script src="__STATIC__/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
|
||
<script src="__STATIC__/js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
|
||
<!-- 自定义js -->
|
||
<script src="__STATIC__/js/javascript.js" type="text/javascript" charset="utf-8"></script>
|
||
<script type="text/javascript">
|
||
// 更新js文件版本，达到清除js带来的缓存
|
||
var scripts = document.getElementsByTagName("script");
|
||
for(var i = 0;i < scripts.length; i++){
|
||
if(scripts[i].src){
|
||
scripts[i].src = scripts[i].src+"?t="+new Date().getTime();
|
||
}
|
||
}
|
||
// 更新css文件版本，达到清除css带来的缓存
|
||
var csss = document.getElementsByTagName("link");
|
||
for(var i = 0;i < csss.length; i++){
|
||
if(csss[i].href){
|
||
csss[i].href = csss[i].href+"?t="+new Date().getTime();
|
||
}
|
||
}
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<!-- 顶部 -->
|
||
<div class="head-box">
|
||
<img src="{$screenTopBanner}">
|
||
</div>
|
||
|
||
|
||
<!-- banner轮播图 -->
|
||
<div class="banner-swiper swiper">
|
||
<div class="swiper-wrapper">
|
||
{foreach $couponMain as $key => $item}
|
||
|
||
<div class="swiper-slide">
|
||
<div class="content-head">
|
||
<img class="coupon" src="{$item['image_url']}" >
|
||
<div class="content-head-right random-color{$key%10}">
|
||
<!-- <img src="favicon.ico"> -->
|
||
<div class="qrcode" id="qrcode{$key}" qrstr="https://coupon.scdxtc.cn/coupon_info?id={$item['id']}&businessCode={$item['business_code']}"></div>
|
||
<span>扫码领取</span>
|
||
<div class="content-head-bol ">
|
||
<span class="span"></span>
|
||
<span class="span"></span>
|
||
<span class="span"></span>
|
||
<span class="span"></span>
|
||
<span class="span"></span>
|
||
<span class="span"></span>
|
||
<span class="span"></span>
|
||
<span class="span"></span>
|
||
<span class="span"></span>
|
||
<span class="span"></span>
|
||
<span class="span"></span>
|
||
<span class="span"></span>
|
||
<span class="span"></span>
|
||
<span class="span"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="content-box">
|
||
<span>{$item['name']}</span>
|
||
<span>{$item['business_name']}</span>
|
||
</div>
|
||
</div>
|
||
<!-- <script type="text/javascript">-->
|
||
<!-- $("#qrcode{$key}").qrcode("https://coupon.scdxtc.cn/coupon_info?id={$item['id']}&businessCode={$item['business_code']}")-->
|
||
<!-- </script>-->
|
||
{/foreach}
|
||
|
||
<script type="text/javascript">
|
||
$(function () {
|
||
setTimeout(function () {
|
||
for (var aa = 0; aa < $(".qrcode").length; aa++) {
|
||
// console.log("#qrcode"+aa)
|
||
console.log("#"+$(".qrcode").eq(aa).attr("id"));
|
||
// console.log($("#qrcode"+aa).attr("qrstr"))
|
||
for(var bb = 0; bb < $("#"+$(".qrcode").eq(aa).attr("id")).length; bb++){
|
||
$("#"+$(".qrcode").eq(aa).attr("id")).eq(bb).qrcode($("#"+$(".qrcode").eq(aa).attr("id")).attr("qrstr"))
|
||
}
|
||
|
||
// return false;
|
||
}
|
||
},1000)
|
||
|
||
})
|
||
</script>
|
||
</div>
|
||
<!-- <div class="swiper-pagination"></div> -->
|
||
</div>
|
||
|
||
<!-- 主体内容 -->
|
||
<main class="main">
|
||
|
||
</main>
|
||
</body>
|
||
</html>
|