244 lines
8.5 KiB
Plaintext
244 lines
8.5 KiB
Plaintext
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||
<!DOCTYPE html>
|
||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||
<html lang="en" data-dpr="1" style="font-size: 37.52px;">
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||
<meta name="viewport"
|
||
content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
|
||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
<meta name="format-detection" content="telephone=no">
|
||
<meta name="keywords" content="">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||
<meta name="renderer" content="webkit">
|
||
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="request"/>
|
||
<c:set var="resourcePath" value="${ctx}/resources" scope="request"/>
|
||
<script type="text/javascript">
|
||
var ctx = "${ctx}"; //上下文路径
|
||
var resourcePath = "${resourcePath}";
|
||
</script>
|
||
<title>奖励金说明</title>
|
||
<link rel="stylesheet" href="${resourcePath}/css/h5.css">
|
||
<link rel="stylesheet" href="${resourcePath}/css/h5-common.css">
|
||
<style>
|
||
* {
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
margin: 0;
|
||
padding: 0;
|
||
outline: 0;
|
||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||
}
|
||
div {
|
||
display: block;
|
||
}
|
||
.top{
|
||
position: absolute;
|
||
top: 1rem;
|
||
left: 30%;
|
||
color: #FFFFFF;
|
||
height: .93333333rem;
|
||
line-height: .93333333rem;
|
||
font-size: .6rem;
|
||
font-weight: 500;
|
||
background-color: rgba(255,255,255,.2);
|
||
}
|
||
.desc{
|
||
margin-top: 0.5rem;
|
||
}
|
||
.content-1 .title{
|
||
height: .6rem;
|
||
padding: 10px 0;
|
||
font-size: .433333rem;
|
||
font-family: DINAlternate-Bold;
|
||
text-align: center;
|
||
font-weight: 600;
|
||
}
|
||
.content-1 .desc{
|
||
font-size: .353333rem;
|
||
margin-top: .823333rem;
|
||
font-family: PingFangSC-Regular,Helvetica,sans-serif;
|
||
width: 90%;
|
||
margin-left: 6%;
|
||
color: rgba(0,0,0,.6);
|
||
line-height: 25px;
|
||
}
|
||
|
||
.content-2 .title{
|
||
height: .6rem;
|
||
font-size: .433333rem;
|
||
margin-top: 10px;
|
||
font-family: DINAlternate-Bold;
|
||
text-align: center;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.content-2 .desc{
|
||
height: .6rem;
|
||
font-size: .353333rem;
|
||
font-family: PingFangSC-Regular,Helvetica,sans-serif;
|
||
width: 90%;
|
||
margin-left: 6%;
|
||
color: rgba(0,0,0,.6);
|
||
line-height: 25px;
|
||
}
|
||
.content-3 .title{
|
||
height: .6rem;
|
||
font-size: .433333rem;
|
||
margin-top: 2.5888rem;
|
||
font-family: DINAlternate-Bold;
|
||
text-align: center;
|
||
font-weight: 600;
|
||
}
|
||
.content-3 .desc{
|
||
height: .6rem;
|
||
font-size: .353333rem;
|
||
font-family: PingFangSC-Regular,Helvetica,sans-serif;
|
||
width: 90%;
|
||
margin-left: 6%;
|
||
color: rgba(0,0,0,.6);
|
||
margin-bottom: 3rem;
|
||
line-height: 25px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body style="font-size: 12px;">
|
||
<div id="app">
|
||
<div style="width: 100%;height: 2rem;">
|
||
<img width="100%" src="https://syb-resource.oss-cn-hangzhou.aliyuncs.com/upload/app/B06EC7846DB34E4FBB15F1493627C9DA.jpg?Expires=1916296893&OSSAccessKeyId=LTAI4G25PY4Tebxq4gCrhtF5&Signature=InjkIawrAHlXqj89Rs1sus3JVZM%3D">
|
||
<div class="top">
|
||
<div>>>积分说明<<</div>
|
||
</div>
|
||
<div class="content">
|
||
<div class="content-1 text">
|
||
<div class="title">
|
||
<div><span style="color: #FD7564"> >>> </span>1.积分是什么<span style="color: #FD7564"> <<< </span></div>
|
||
</div>
|
||
<div class="desc">
|
||
积分是商户参与收银呗活动所获得的奖励，可以兑换商品或参与其他活动。
|
||
订单交易所获得的积分，在交易订单满一个月后方可使用，防止违规获取积分（如恶意退款、套现、虚假订单、刷单等）
|
||
违规商户扣除所有奖励，永久关闭积分活动权限。
|
||
</div>
|
||
</div>
|
||
<div class="content-2 text">
|
||
<div class="title">
|
||
<div><span style="color: #FD7564"> >>> </span>2.积分如何使用<span style="color: #FD7564"> <<< </span></div>
|
||
</div>
|
||
<div class="desc">
|
||
<div>
|
||
<div style="font-weight: 600;color: #000;">
|
||
兑换商品
|
||
</div>
|
||
<div style="margin-top: .122rem;line-height: 0.6rem;">
|
||
积分可以在<span style="color: orangered">＂商户活动-积分<兑换商品>＂</span>页页面进行商品兑换，兑换商品后，将会扣除等额积分，详细兑换规则可以联系收银呗客服。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="content-3">
|
||
<div class="title">
|
||
<div><span style="color: #FD7564"> >>> </span>3.积分如何获取<span style="color: #FD7564"> <<< </span></div>
|
||
</div>
|
||
<div class="desc">
|
||
部分地区商户参与营销活动、日常签到等即可获取对应积分，积分获取方式不得有违规（如恶意退款、套现、虚假订单、刷单等），否则我司有权冻结并清除积分。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script type="text/javascript">
|
||
/* === 判断支持版本 start === */
|
||
(function () {
|
||
var viewportTag = null;
|
||
var metaTags = document.getElementsByTagName('meta');
|
||
for (var i = 0; i < metaTags.length; i++) {
|
||
if (metaTags[i].getAttribute('name') === "viewport") {
|
||
viewportTag = metaTags[i];
|
||
break;
|
||
}
|
||
}
|
||
if (!viewportTag) {
|
||
viewportTag = document.createElement("meta");
|
||
viewportTag.setAttribute('name', 'viewport');
|
||
}
|
||
|
||
var viewportTagContent =
|
||
'width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no';
|
||
|
||
// Detect if iOS device
|
||
if (/(iPhone|iPod|iPad)/i.test(window.navigator.userAgent)) {
|
||
// Get iOS major version
|
||
var iosVersion = parseInt((window.navigator.userAgent).match(/OS (\d+)_(\d+)_?(\d+)? like Mac OS X/i)[1]);
|
||
// Detect if device is running >iOS 11
|
||
// iOS 11's UIWebView and WKWebView changes the viewport behaviour to render viewport without the status bar. Need to override with "viewport-fit: cover" to include the status bar.
|
||
if (iosVersion >= 11) {
|
||
viewportTagContent += ', viewport-fit=cover';
|
||
}
|
||
}
|
||
|
||
// Update viewport tag attribute
|
||
viewportTag.setAttribute('content', viewportTagContent);
|
||
})();
|
||
/* === 判断支持版本 end === */
|
||
|
||
// refs http://www.html-js.com/article/3041 移动端高清、多屏适配方案
|
||
!function (a, b) {
|
||
function c() {
|
||
var b = f.getBoundingClientRect().width;
|
||
b / i > 540 && (b = 540 * i);
|
||
var c = b / 10;
|
||
f.style.fontSize = c + "px", k.rem = a.rem = c
|
||
}
|
||
|
||
var d, e = a.document,
|
||
f = e.documentElement,
|
||
g = e.querySelector('meta[name="viewport"]'),
|
||
h = e.querySelector('meta[name="flexible"]'),
|
||
i = 0,
|
||
j = 0,
|
||
k = b.flexible || (b.flexible = {});
|
||
if (g) {
|
||
var l = g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);
|
||
l && (j = parseFloat(l[1]), i = parseInt(1 / j))
|
||
} else if (h) {
|
||
var m = h.getAttribute("content");
|
||
if (m) {
|
||
var n = m.match(/initial\-dpr=([\d\.]+)/),
|
||
o = m.match(/maximum\-dpr=([\d\.]+)/);
|
||
n && (i = parseFloat(n[1]), j = parseFloat((1 / i).toFixed(2))), o && (i = parseFloat(o[1]), j = parseFloat((
|
||
1 / i).toFixed(2)))
|
||
}
|
||
}
|
||
if (!i && !j) {
|
||
var p = (a.navigator.appVersion.match(/android/gi), a.navigator.appVersion.match(/iphone/gi)),
|
||
q = a.devicePixelRatio;
|
||
i = p ? q >= 3 && (!i || i >= 3) ? 3 : q >= 2 && (!i || i >= 2) ? 2 : 1 : 1, j = 1 / i
|
||
}
|
||
if (f.setAttribute("data-dpr", i), !g)
|
||
if (g = e.createElement("meta"), g.setAttribute("name", "viewport"), g.setAttribute("content",
|
||
"initial-scale=" + j + ", maximum-scale=" + j + ", minimum-scale=" + j + ", user-scalable=no"), f
|
||
.firstElementChild) f.firstElementChild.appendChild(g);
|
||
else {
|
||
var r = e.createElement("div");
|
||
r.appendChild(g), e.write(r.innerHTML)
|
||
}
|
||
a.addEventListener("resize", function () {
|
||
clearTimeout(d), d = setTimeout(c, 300)
|
||
}, !1), a.addEventListener("pageshow", function (a) {
|
||
a.persisted && (clearTimeout(d), d = setTimeout(c, 300))
|
||
}, !1), "complete" === e.readyState ? e.body.style.fontSize = 12 * i + "px" : e.addEventListener(
|
||
"DOMContentLoaded",
|
||
function () {
|
||
e.body.style.fontSize = 12 * i + "px"
|
||
}, !1), c(), k.dpr = a.dpr = i, k.refreshRem = c, k.rem2px = function (a) {
|
||
var b = parseFloat(a) * this.rem;
|
||
return "string" == typeof a && a.match(/rem$/) && (b += "px"), b
|
||
}, k.px2rem = function (a) {
|
||
var b = parseFloat(a) / this.rem;
|
||
return "string" == typeof a && a.match(/px$/) && (b += "rem"), b
|
||
}
|
||
}(window, window.lib || (window.lib = {}));
|
||
</script>
|
||
</body>
|
||
</html> |