<!--分享拿奖金 申请失败/成功-->
|
|
<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="utf-8" />
|
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<title></title>
|
<link rel="stylesheet" type="text/css" href="css/doui.min.css"/>
|
<script src="js/doui.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="js/publicFunction.js" type="text/javascript" charset="utf-8"></script>
|
<style type="text/css">
|
/*主体背景色*/
|
.bgColor{ background: -webkit-linear-gradient(145deg, #F32779, #E41B6C); background: linear-gradient(145deg, #F32779, #E41B6C); }
|
/*白色圆弧*/
|
.whiteThis{ position: relative; width: 6.7rem; padding: 0 0.45rem; margin-left: 0.4rem; -webkit-border-radius: 0.3rem; border-radius: 0.3rem; background-color: white; -webkit-box-shadow: 0 0.16rem 0.2rem 0 rgba(225,0,90,0.4); box-shadow: 0 0.16rem 0.2rem 0 rgba(225,0,90,0.4); }
|
/*状态图*/
|
.failType{ width: 1.22rem; height: 1.22rem; position: absolute; left: 2.74rem; top: -0.61rem; background-image: url(img/AppPage/bonusMore/fail.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; }
|
.sucType{ width: 1.22rem; height: 1.22rem; position: absolute; left: 2.74rem; top: -0.61rem; background-image: url(img/AppPage/bonusMore/suc.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; }
|
/*步骤图*/
|
.liuCheng{ width: 5.42rem; height: 1.35rem; margin-top: 0.4rem; margin-bottom: 0.8rem; background-image: url(img/AppPage/bonusMore/liucheng.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; }
|
/*底部悬浮*/
|
.bomThis{ width: 7.5rem; height: 0.96rem; background-color: #E61D6E; position: fixed; left: 0; bottom: 0; }
|
</style>
|
<script type="text/javascript">
|
doui.importSet([
|
'http://cdn.yeshitv.com/js/vue.min.js',
|
'js/yesApp.js',
|
]);
|
</script>
|
</head>
|
|
<body style="display:none;">
|
<div id="allwai" class="heightenBox fontMobile bgColor">
|
|
<!--内容-->
|
<div class="main" style="padding-bottom:1.5rem;">
|
|
<!--间距 底色-->
|
<div style="width:100%; height:1.2rem;"></div>
|
|
<!--失败圆弧-->
|
<div v-show="sys.pageType==false" class="whiteThis fboxCol Xstart Ycenter">
|
<!--状态图片-->
|
<div class="failType"></div>
|
<!--状态显示-->
|
<div class="font40 font-weight" style="margin-top:1.2rem;">申请失败</div>
|
<!--文字-->
|
<div class="font28" style="width:4.6rem; line-height:1.5; margin-top:0.4rem; color:#666666; text-align:center;">非常遗憾，由于你的账号不符合淘宝的相关规定，未能获得分享拿奖金的功能。</div>
|
<!--分割线-->
|
<div style="width:5.8rem; height:1px; background-color:#E0E0E0; margin-top:0.82rem; margin-bottom:0.7rem;"></div>
|
<!--特别提醒区域-->
|
<div class="font24" style="width:5.7rem; line-height:0.4rem; margin-bottom:2.8rem; color:#999999;">
|
<div>可能原因：</div>
|
<div class="fboxCol Xstart Ystart" style="width:100%;">
|
<div v-if="item" v-for="(item,index) in warn.failList" class="fboxRow Xstart Ystart" style="width:100%; margin-top:0.1rem;">
|
<div style="width:0.4rem;">{{index+1}}.</div>
|
<div class="flex1">{{item}}</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<!--成功圆弧-->
|
<div v-show="sys.pageType==true" class="whiteThis fboxCol Xstart Ycenter">
|
<!--状态图片-->
|
<div class="sucType"></div>
|
<!--状态显示-->
|
<div class="font40 font-weight" style="margin-top:1.2rem;">申请成功</div>
|
<!--文字-->
|
<div class="font28" style="width:4.5rem; line-height:1.5; margin-top:0.4rem; color:#666666; text-align:center;">恭喜你！成功获得分享奖金功能，可使用该功能分享商品链接、淘口令、商品二维码图片。</div>
|
<!--分割线-->
|
<div style="width:5.8rem; height:1px; background-color:#E0E0E0; margin-top:0.8rem; margin-bottom:0.8rem;"></div>
|
<!--分享步骤-->
|
<div class="font30" style="color:#333333;">海量淘宝天猫优惠券分享拿奖金</div>
|
<div class="liuCheng"></div>
|
<!--特别提醒区域-->
|
<div class="font24" style="width:5.7rem; line-height:0.4rem; margin-bottom:1.5rem; color:#999999;">
|
<div>注：淘宝官方在以下情况可能会收回该权限甚至扣除当月所有奖金。</div>
|
<div class="fboxCol Xstart Ystart" style="width:100%;">
|
<div v-if="item" v-for="(item,index) in warn.sucList" class="fboxRow Xstart Ystart" style="width:100%; margin-top:0.1rem;">
|
<div style="width:0.4rem;">{{index+1}}.</div>
|
<div class="flex1">{{item}}</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
|
<!--底部悬浮-->
|
<div class="bomThis fboxRow Xcenter Ycenter">
|
<div class="click-scale fboxRow Xcenter Ycenter" style="width:5.6rem; height:0.76rem; border-radius:0.38rem; background-color:#FFEC00;" v-on:click="yesApp.pageClose()">
|
<div class="font36" style="color:#E5005C;">确定</div>
|
</div>
|
</div>
|
|
</div>
|
</body>
|
|
</html>
|
|
|
<script type="text/javascript">
|
|
// vue 初始化
|
var vm = null;
|
doui.onReady(function()
|
{
|
// 取消原生关闭
|
yesApp.closeBtnHidden();
|
|
|
vm = new Vue({
|
el: "#allwai",
|
// 数据
|
data: {
|
|
sys: {
|
pageType: false, // false-申请失败 true-申请成功
|
},
|
|
// 特别提醒
|
warn: {
|
// 失败可能原因
|
failList: [
|
"违反淘宝关于禁止“自己分享自己购买”的规定；",
|
"违反淘宝关于禁止误导用户、虚假宣传、代购模式的规定；",
|
"淘宝因其他原因未给予你该功能。"
|
],
|
// 成功注意事项
|
sucList: [
|
"违反淘宝关于禁止“自己分享自己购买”的规定；",
|
"违反淘宝关于禁止误导用户、虚假宣传、代购模式的规定；",
|
"获得该权限后长期没有产生有效的分享订单。"
|
],
|
},
|
|
}
|
});
|
|
|
// 获取页面传值
|
var urlData = doui.urlParamGet();
|
if (urlData.code == 0) { vm.sys.pageType = true; }
|
else { vm.sys.pageType = false; }
|
|
|
// 设置标题
|
if (vm.sys.pageType == true) { document.getElementsByTagName("title")[0].innerHTML = "申请成功"; yesApp.titleSet("申请成功"); }
|
else { document.getElementsByTagName("title")[0].innerHTML = "申请失败"; yesApp.titleSet("申请失败"); }
|
|
|
document.body.style.display = "block";
|
});
|
|
</script>
|
