157 lines
6.9 KiB
HTML
157 lines
6.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport"
|
||
content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,viewport-fit=cover">
|
||
<title>立减金领取</title>
|
||
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/vue.min.js?v=1367936144322" type="text/javascript"
|
||
charset="utf-8"></script>
|
||
<script type="text/javascript" src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/axios.js?v=1367936144322">
|
||
</script>
|
||
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/siteqiexchange/js/swiper.min.js"></script>
|
||
<link href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/siteqiexchange/css/swiper.min.css" rel="stylesheet">
|
||
<!-- <link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/homepage1_1_0.css"> -->
|
||
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/apitest.js"></script>
|
||
<link rel="stylesheet" href="./homepage1_1_0.css">
|
||
<style>
|
||
* {
|
||
margin: 0 auto;
|
||
padding: 0;
|
||
font-family: HYQiHei;
|
||
}
|
||
|
||
html {
|
||
font-size: 26.66666667vw;
|
||
}
|
||
|
||
body {
|
||
-webkit-text-size-adjust: 100%;
|
||
-ms-text-size-adjust: 100%;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<div id="reduce">
|
||
<!-- 弹出框 -->
|
||
<div class="mask" v-if="maskshow"></div>
|
||
<!-- 单条弹出框 -->
|
||
<div class="prompt" :class="promtshow?'proactive':''">
|
||
{{this.promttip}}
|
||
</div>
|
||
<!-- 弹出提示 -->
|
||
<div class="popboxshow" v-if="popboxshow" :class="popboxshow?'active':''">
|
||
<div class="tip">
|
||
<p>{{tiptext}}</p>
|
||
<span @click="knowFn">知道了</span>
|
||
</div>
|
||
</div>
|
||
<div class="couponShow">
|
||
<div class="coupon-left">
|
||
<p class="coupon_money"><span>￥</span>100</p>
|
||
<p class="full_money">满1000.01可用</p>
|
||
</div>
|
||
<div class="coupon-right">
|
||
<p class="title">100.00元微信立减金</p>
|
||
<p class="validity">有效期:2021-12-23 00:00:00至2022-12-23 00:00:00</p>
|
||
<p>请在有效期内领取</p>
|
||
</div>
|
||
</div>
|
||
<div class="receiveBtn" @click="receiveFn">
|
||
立即领取
|
||
</div>
|
||
<div class="coupon_explain">
|
||
<h1>- 微信立减金兑换说明 -</h1>
|
||
<div class="content">
|
||
<h3>使用须知</h3>
|
||
<p>1、在微信APP内打开链接，点击【一键领取】完成领取微信立减金<br />
|
||
2、微信里立减金一旦领取不可撤销、不可转让。注意不要将兑换券泄露给他人</p>
|
||
</div>
|
||
<div class="content">
|
||
<h3>使用规则</h3>
|
||
<p>1、立减金自领取之日起0天有效，请在有效期内使用<br />
|
||
2、微信立减金自领取后每个立减金一次性使用，不兑换，不找零，到期后自动失效，逾期未使用不再补发。使用微信支付进行付款（大于立减金面额0.01元以上）即可自动抵扣<br />
|
||
3、多张立减金可在单笔微信支付订单中一起使用，但当用户的立减金超过8张时，系统会选取其中一部分使用，不保证在一张订单中全部使用<br />
|
||
4、在中国境内商户使用微信支付即可使用，少数特定商户（包括但不限于：CoCo奶茶、优衣库、星巴克、肯德基、必胜客、同程艺龙、热风、太平鸟、孩子王、航联保险、华为商城、Miss
|
||
Sixty、Ochirly、Apple商城、FivePlus、信用卡还款、零钱通、理财通等）、以及社交支付（如转账、红包、个人收款码支付等）及合单支付（微信支付订单号为44开头的交易）无法使用立减金<br />
|
||
5、使用立减金的微信支付订单，如发生全额退款，且立减金仍在有效期内，立减金将自动退还给用户，如立减金已过期，则不退还给用户；如发生部分退款，用户支付金额将按比例原路退还，立减金将不退还给用户<br />
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
<script>
|
||
new Vue({
|
||
el: '#reduce',
|
||
data() {
|
||
return {
|
||
plaflam: 2, //支付宝
|
||
promtshow: false,
|
||
promttip: '警告提示',
|
||
popboxshow: false,
|
||
maskshow:false,
|
||
tiptext: '错误提示',
|
||
}
|
||
},
|
||
methods: {
|
||
receiveFn() {
|
||
let ua = navigator.userAgent.toLowerCase(); //判断用户打开链接环境
|
||
if (this.plaflam == 1) { //支付宝-微信环境中不能唤起支付宝
|
||
this.toLinkAlipay();
|
||
}
|
||
if (this.plaflam == 2) { //微信
|
||
if (ua.indexOf('dingtalk') > -1) { //在钉钉内置环境打开，不能唤起微信小程序
|
||
this.openErrorDialog('请在其他浏览器打开!');
|
||
} else { //唤起微信福利官小程序
|
||
|
||
}
|
||
}
|
||
},
|
||
toLinkAlipay() { //支付宝H5跳转
|
||
let self = this;
|
||
let banklink = encodeURIComponent(window.location.origin + '/optimization/alipay.html');
|
||
let link = 'http://openapi.1688sup.com/alipay/oauth?jump=' + banklink;
|
||
if (ua.match(/MicroMessenger/i) == "micromessenger") {
|
||
//复制链接地址，提醒去浏览器打开
|
||
this.copyTextToClipboard(link);
|
||
} else { //唤起支付宝
|
||
window.location.replace(link);
|
||
}
|
||
},
|
||
//错误弹出框关闭
|
||
knowFn() {
|
||
this.popboxshow = false;
|
||
this.maskshow=false;
|
||
|
||
},
|
||
//错误弹出框
|
||
openErrorDialog(tip) {
|
||
this.maskshow = true;
|
||
this.tiptext = tip;
|
||
this.popboxshow = true;
|
||
},
|
||
// 单条弹框
|
||
openDialog(tip) {
|
||
this.promtshow = true;
|
||
this.promttip = tip
|
||
setTimeout(() => {
|
||
this.promtshow = false;
|
||
this.promttip = '';
|
||
}, 3000)
|
||
},
|
||
//复制文本
|
||
copyTextToClipboard(text) {
|
||
var textArea = document.createElement("textarea");
|
||
textArea.value = text;
|
||
document.body.appendChild(textArea);
|
||
textArea.select();
|
||
document.execCommand("copy");
|
||
this.openDialog('复制成功，请到浏览器打开');
|
||
document.body.removeChild(textArea);
|
||
},
|
||
}
|
||
})
|
||
</script>
|
||
</html> |