Skip to content

A
allCampaign
Commit 6d76b29c by Chao Sun
Options

獴哥价格修改

parent 2e858878
Showing with 825 additions and 219 deletions
consulting/index.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> http-equiv="Cache-Control"
<meta http-equiv="Pragma" content="no-cache"> content="no-cache, no-store, must-revalidate"
<meta http-equiv="Expires" content="0"> />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"> <meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta
name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
/>
<title>獴哥保险诊所</title> <title>獴哥保险诊所</title>
<link rel="stylesheet" href="./css/style.css" /> <link rel="stylesheet" href="./css/style.css" />
<!--Shortcut icon--> <!--Shortcut icon-->
<link rel="shortcut icon" href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif" /> <link
</head> rel="shortcut icon"
href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif"
/>
</head>
<body> <body>
<div> <div>
<img src="./images/bg.png"> <img src="./images/bg.png" />
</div> </div>
<div class="footer"> <div class="footer">
<ul class="left"> <ul class="left">
<li class="kefu_Wrapper"> <li class="kefu_Wrapper">
<a href="http://q.url.cn/abkzV9?_type=wpa&qidian=true" target="_blank"> <a
<img class="icon" src="./images/icon.png" alt="icon"> href="http://q.url.cn/abkzV9?_type=wpa&qidian=true"
<div class="kefu">客服</div> target="_blank"
</a> >
</li> <img class="icon" src="./images/icon.png" alt="icon" />
<li class="share" style="display: none;"> <div class="kefu">客服</div>
<img src="./images/share1.png" alt="share" /> </a>
<div>分享产品</div> </li>
</li> <li class="share" style="display: none;">
<li class="peice_wrapper"> <img src="./images/share1.png" alt="share" />
<div class="curPrice"><span>￥</span>49</div> <div>分享产品</div>
<div class="price">原价:<span>￥</span>199/年</div> </li>
</li> <li class="peice_wrapper">
</ul> <div class="curPrice">
<div class="right"> <span>￥</span><span class="nowPrice"></span>
立即购买 </div>
</div> <div class="price">
原价:<span>￥</span><span class="primeCost"></span>/年
</div>
</li>
</ul>
<div class="right">
立即购买
</div>
</div> </div>
<div class="modalBox"> <div class="modalBox">
<div class='inputBox'> <div class="inputBox">
<!--获取手机号 --> <!--获取手机号 -->
<div class="mobileNoSection inputControl"> <div class="mobileNoSection inputControl">
<input id="phone" type='number' maxlength="11" placeholder="手机号" /> <input id="phone" type="number" maxlength="11" placeholder="手机号" />
<div class='autoGet'> <div class="autoGet">
<button class='getPhoneNumber commonBtn' id="codeBtn"> <button class="getPhoneNumber commonBtn" id="codeBtn">
获取验证码 获取验证码
</button> </button>
</div> </div>
</div> </div>
<!--获取验证码 --> <!--获取验证码 -->
<div class="codeSection inputControl"> <div class="codeSection inputControl">
<input id="code" type='number' maxlength="4" placeholder="短信验证码" /> <input
</div> id="code"
<!--姓名 --> type="number"
<div class="codeSection inputControl"> maxlength="4"
<input id="name" type="text" placeholder="姓名" /> placeholder="短信验证码"
</div> />
<!--立即支付 -->
<button class='goBuyBtn commonBtn' id="pay">立即支付</button>
</div> </div>
<div class='closeModal' bindtap='closeModalBox'>X</div> <!--姓名 -->
<div class="codeSection inputControl">
<input id="name" type="text" placeholder="姓名" />
</div>
<!--立即支付 -->
<button class="goBuyBtn commonBtn" id="pay">立即支付</button>
</div>
<div class="closeModal" bindtap="closeModalBox">X</div>
</div> </div>
<!--分享弹框--> <!--分享弹框-->
<div class="markbox"> <div class="markbox">
<div class="guideImgBox"> <div class="guideImgBox">
<img src="./images/tips.png" alt="提示"> <img src="./images/tips.png" alt="提示" />
<div class="tipsToast"> <div class="tipsToast">
<p>请点击右上角菜单</p> <p>请点击右上角菜单</p>
<p>分享给朋友</p> <p>分享给朋友</p>
</div>
</div> </div>
</div>
</div> </div>
<!-- 登录弹窗--> <!-- 登录弹窗-->
<div class="loginInBox"> <div class="loginInBox">
<div class='inputBox'> <div class="inputBox">
<!--获取手机号 --> <!--获取手机号 -->
<div class="mobileNoSection inputControl"> <div class="mobileNoSection inputControl">
<input id="loginPhone" type='number' maxlength="11" placeholder="手机号" /> <input
<div class='autoGet'> id="loginPhone"
<button class='getPhoneNumber commonBtn' id="loginCodeBtn"> type="number"
获取验证码 maxlength="11"
</button> placeholder="手机号"
</div> />
</div> <div class="autoGet">
<!--获取验证码 --> <button class="getPhoneNumber commonBtn" id="loginCodeBtn">
<div class="codeSection inputControl"> 获取验证码
<input id="loginCode" type='number' maxlength="4" placeholder="短信验证码" /> </button>
</div> </div>
<!--登录 --> </div>
<button class='goBuyBtn commonBtn' id="loginIn">登录</button> <!--获取验证码 -->
<div class="codeSection inputControl">
<input
id="loginCode"
type="number"
maxlength="4"
placeholder="短信验证码"
/>
</div> </div>
<!--登录 -->
<button class="goBuyBtn commonBtn" id="loginIn">登录</button>
</div>
</div> </div>
<div id="d" hidden></div> <div id="d" hidden></div>
<script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script> <script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
...@@ -99,18 +129,18 @@ ...@@ -99,18 +129,18 @@
<script src="js/layer.js"></script> <script src="js/layer.js"></script>
<script src="./js/base.js"></script> <script src="./js/base.js"></script>
<script> <script>
var _hmt = _hmt || []; var _hmt = _hmt || [];
(function () { (function() {
const host = window.location.host; const host = window.location.host;
var hm = document.createElement("script"); var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27"; hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
if (host == 'www.ydinsurance.cn') { if (host == "www.ydinsurance.cn") {
hm.src = "https://hm.baidu.com/hm.js?73a2215476525c6142927963135662e0"; hm.src =
} "https://hm.baidu.com/hm.js?73a2215476525c6142927963135662e0";
var s = document.getElementsByTagName("script")[0]; }
s.parentNode.insertBefore(hm, s); var s = document.getElementsByTagName("script")[0];
})(); s.parentNode.insertBefore(hm, s);
})();
</script> </script>
</body> </body>
</html>
</html>
\ No newline at end of file
consulting/js/base.js
...@@ -26,9 +26,6 @@ $(function () { ...@@ -26,9 +26,6 @@ $(function () {
$("#phone,#name,#code").blur(function () { $("#phone,#name,#code").blur(function () {
window.scrollTo(0, 0); window.scrollTo(0, 0);
}) })
var deviceType = checkDeviceType();
param.deviceType = deviceType;
function getToken() { function getToken() {
$.ajax({ $.ajax({
type: "POST", type: "POST",
...@@ -46,6 +43,45 @@ $(function () { ...@@ -46,6 +43,45 @@ $(function () {
} }
var token = getToken(); var token = getToken();
function checkDeviceType() {
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
if (navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1) {
deviceType = '3';
} else {
deviceType = '2';
}
} else {
deviceType = '1';
}
return deviceType;
}
var deviceType = checkDeviceType();
param.deviceType = deviceType;
//获取产品价格
var nowPrice = getGoodsPrice()
function getGoodsPrice(){
$.ajax({
type:"POST",
url:api+ '/api/voucherInfoQuery',
contentType: "application/json",
data:JSON.stringify({
planId:424
}),
async: false,
headers: {
"X-Authorization": token
},
success:function(res){
if(res['data']){
$(".nowPrice").html(res['data']['voucherSalePrice'])
$(".primeCost").html(res['data']['voucherValue'])
nowPrice = res['data']['voucherSalePrice']
}
}
})
return nowPrice
}
$(".right").click(function () { $(".right").click(function () {
$("#phone").val('') $("#phone").val('')
$("#code").val('') $("#code").val('')
...@@ -70,22 +106,6 @@ $(function () { ...@@ -70,22 +106,6 @@ $(function () {
} }
return null; return null;
} }
function checkDeviceType() {
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
if (navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1) {
deviceType = '3';
} else {
deviceType = '2';
}
} else {
deviceType = '1';
}
return deviceType;
}
var deviceType = checkDeviceType();
param.deviceType = deviceType;
sendPhone() sendPhone()
//发送验证码 //发送验证码
function sendPhone(type) { function sendPhone(type) {
...@@ -302,7 +322,7 @@ $(function () { ...@@ -302,7 +322,7 @@ $(function () {
planId: '424', planId: '424',
startDate: startDate.getFullYear() + '-' + dateFormat((Number(startDate.getMonth()) + 1)) + '-' + dateFormat((Number(startDate.getDate()))), startDate: startDate.getFullYear() + '-' + dateFormat((Number(startDate.getMonth()) + 1)) + '-' + dateFormat((Number(startDate.getDate()))),
endDate: endDate.getFullYear() + '-' + dateFormat((Number(endDate.getMonth()) + 1)) + '-' + dateFormat((Number(endDate.getDate()))), endDate: endDate.getFullYear() + '-' + dateFormat((Number(endDate.getMonth()) + 1)) + '-' + dateFormat((Number(endDate.getDate()))),
price: '49', price:nowPrice,
holder: { holder: {
name: param.name, name: param.name,
mobileNo: param.phone mobileNo: param.phone
......
consulting1/index.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> http-equiv="Cache-Control"
<meta http-equiv="Pragma" content="no-cache"> content="no-cache, no-store, must-revalidate"
<meta http-equiv="Expires" content="0"> />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"> <meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta
name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
/>
<title>獴哥保险诊所</title> <title>獴哥保险诊所</title>
<link rel="stylesheet" href="./css/style.css" /> <link rel="stylesheet" href="./css/style.css" />
<link rel="shortcut icon" href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif" /> <link
</head> rel="shortcut icon"
href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif"
/>
</head>
<body> <body>
<div> <div>
<img src="./images/bg_toutiao.png"> <img src="./images/bg_toutiao.png" />
</div> </div>
<div class="footer"> <div class="footer">
<ul class="left"> <ul class="left">
<li class="kefu_Wrapper"> <li class="kefu_Wrapper">
<a href="http://q.url.cn/abkzV9?_type=wpa&qidian=true" target="_blank"> <a
<img class="icon" src="./images/icon.png" alt="icon"> href="http://q.url.cn/abkzV9?_type=wpa&qidian=true"
<div class="kefu">客服</div> target="_blank"
</a> >
</li> <img class="icon" src="./images/icon.png" alt="icon" />
<li class="share" style="display: none;"> <div class="kefu">客服</div>
<img src="./images/share1.png" alt="share" /> </a>
<div>分享产品</div> </li>
</li> <li class="share" style="display: none;">
<li class="peice_wrapper"> <img src="./images/share1.png" alt="share" />
<div class="curPrice"><span>￥</span>49</div> <div>分享产品</div>
<div class="price">原价:<span>￥</span>199/年</div> </li>
</li> <li class="peice_wrapper">
</ul> <div class="curPrice">
<div class="right"> <span>￥</span><span class="nowPrice"></span>
立即购买 </div>
</div> <div class="price">
原价:<span>￥</span><span class="primeCost"></span>/年
</div>
</li>
</ul>
<div class="right">
立即购买
</div>
</div> </div>
<div class="modalBox"> <div class="modalBox">
<div class='inputBox'> <div class="inputBox">
<!--获取手机号 --> <!--获取手机号 -->
<div class="mobileNoSection inputControl"> <div class="mobileNoSection inputControl">
<input id="phone" type='number' maxlength="11" placeholder="手机号" /> <input id="phone" type="number" maxlength="11" placeholder="手机号" />
<div class='autoGet'> <div class="autoGet">
<button class='getPhoneNumber commonBtn' id="codeBtn"> <button class="getPhoneNumber commonBtn" id="codeBtn">
获取验证码 获取验证码
</button> </button>
</div> </div>
</div> </div>
<!--获取验证码 --> <!--获取验证码 -->
<div class="codeSection inputControl"> <div class="codeSection inputControl">
<input id="code" type='number' maxlength="4" placeholder="短信验证码" /> <input
</div> id="code"
<!--姓名 --> type="number"
<div class="codeSection inputControl"> maxlength="4"
<input id="name" type="text" placeholder="姓名" /> placeholder="短信验证码"
</div> />
<!--立即支付 -->
<button class='goBuyBtn commonBtn' id="pay">立即支付</button>
</div> </div>
<div class='closeModal' bindtap='closeModalBox'>X</div> <!--姓名 -->
<div class="codeSection inputControl">
<input id="name" type="text" placeholder="姓名" />
</div>
<!--立即支付 -->
<button class="goBuyBtn commonBtn" id="pay">立即支付</button>
</div>
<div class="closeModal" bindtap="closeModalBox">X</div>
</div> </div>
<!--分享弹框--> <!--分享弹框-->
<div class="markbox"> <div class="markbox">
<div class="guideImgBox"> <div class="guideImgBox">
<img src="./images/tips.png" alt="提示"> <img src="./images/tips.png" alt="提示" />
<div class="tipsToast"> <div class="tipsToast">
<p>请点击右上角菜单</p> <p>请点击右上角菜单</p>
<p>分享给朋友</p> <p>分享给朋友</p>
</div>
</div> </div>
</div>
</div> </div>
<!-- 登录弹窗--> <!-- 登录弹窗-->
<div class="loginInBox"> <div class="loginInBox">
<div class='inputBox'> <div class="inputBox">
<!--获取手机号 --> <!--获取手机号 -->
<div class="mobileNoSection inputControl"> <div class="mobileNoSection inputControl">
<input id="loginPhone" type='number' maxlength="11" placeholder="手机号" /> <input
<div class='autoGet'> id="loginPhone"
<button class='getPhoneNumber commonBtn' id="loginCodeBtn"> type="number"
获取验证码 maxlength="11"
</button> placeholder="手机号"
</div> />
</div> <div class="autoGet">
<!--获取验证码 --> <button class="getPhoneNumber commonBtn" id="loginCodeBtn">
<div class="codeSection inputControl"> 获取验证码
<input id="loginCode" type='number' maxlength="4" placeholder="短信验证码" /> </button>
</div> </div>
<!--登录 --> </div>
<button class='goBuyBtn commonBtn' id="loginIn">登录</button> <!--获取验证码 -->
<div class="codeSection inputControl">
<input
id="loginCode"
type="number"
maxlength="4"
placeholder="短信验证码"
/>
</div> </div>
<!--登录 -->
<button class="goBuyBtn commonBtn" id="loginIn">登录</button>
</div>
</div> </div>
<div id="d" hidden></div> <div id="d" hidden></div>
<script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script> <script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
...@@ -98,18 +128,18 @@ ...@@ -98,18 +128,18 @@
<script src="js/layer.js"></script> <script src="js/layer.js"></script>
<script src="./js/base.js"></script> <script src="./js/base.js"></script>
<script> <script>
var _hmt = _hmt || []; var _hmt = _hmt || [];
(function () { (function() {
const host = window.location.host; const host = window.location.host;
var hm = document.createElement("script"); var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27"; hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
if (host == 'www.ydinsurance.cn') { if (host == "www.ydinsurance.cn") {
hm.src = "https://hm.baidu.com/hm.js?73a2215476525c6142927963135662e0"; hm.src =
} "https://hm.baidu.com/hm.js?73a2215476525c6142927963135662e0";
var s = document.getElementsByTagName("script")[0]; }
s.parentNode.insertBefore(hm, s); var s = document.getElementsByTagName("script")[0];
})(); s.parentNode.insertBefore(hm, s);
})();
</script> </script>
</body> </body>
</html>
</html>
\ No newline at end of file
consulting1/js/base.js
...@@ -26,9 +26,6 @@ $(function () { ...@@ -26,9 +26,6 @@ $(function () {
$("#phone,#name,#code").blur(function () { $("#phone,#name,#code").blur(function () {
window.scrollTo(0, 0); window.scrollTo(0, 0);
}) })
var deviceType = checkDeviceType();
param.deviceType = deviceType;
function getToken() { function getToken() {
$.ajax({ $.ajax({
type: "POST", type: "POST",
...@@ -44,8 +41,47 @@ $(function () { ...@@ -44,8 +41,47 @@ $(function () {
}) })
return token; return token;
} }
var token = getToken(); var token = getToken();
function checkDeviceType() {
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
if (navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1) {
deviceType = '3';
} else {
deviceType = '2';
}
} else {
deviceType = '1';
}
return deviceType;
}
var deviceType = checkDeviceType();
param.deviceType = deviceType;
//获取产品价格
var nowPrice = getGoodsPrice()
function getGoodsPrice(){
$.ajax({
type:"POST",
url:api+ '/api/voucherInfoQuery',
contentType: "application/json",
data:JSON.stringify({
planId:424
}),
async: false,
headers: {
"X-Authorization": token
},
success:function(res){
if(res['data']){
$(".nowPrice").html(res['data']['voucherSalePrice'])
$(".primeCost").html(res['data']['voucherValue'])
nowPrice = res['data']['voucherSalePrice']
}
}
})
return nowPrice
}
$(".right").click(function () { $(".right").click(function () {
$("#phone").val('') $("#phone").val('')
$("#code").val('') $("#code").val('')
...@@ -70,22 +106,6 @@ $(function () { ...@@ -70,22 +106,6 @@ $(function () {
} }
return null; return null;
} }
function checkDeviceType() {
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
if (navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1) {
deviceType = '3';
} else {
deviceType = '2';
}
} else {
deviceType = '1';
}
return deviceType;
}
var deviceType = checkDeviceType();
param.deviceType = deviceType;
sendPhone() sendPhone()
//发送验证码 //发送验证码
function sendPhone(type) { function sendPhone(type) {
...@@ -302,7 +322,7 @@ $(function () { ...@@ -302,7 +322,7 @@ $(function () {
planId: '424', planId: '424',
startDate: startDate.getFullYear() + '-' + dateFormat((Number(startDate.getMonth()) + 1)) + '-' + dateFormat((Number(startDate.getDate()))), startDate: startDate.getFullYear() + '-' + dateFormat((Number(startDate.getMonth()) + 1)) + '-' + dateFormat((Number(startDate.getDate()))),
endDate: endDate.getFullYear() + '-' + dateFormat((Number(endDate.getMonth()) + 1)) + '-' + dateFormat((Number(endDate.getDate()))), endDate: endDate.getFullYear() + '-' + dateFormat((Number(endDate.getMonth()) + 1)) + '-' + dateFormat((Number(endDate.getDate()))),
price: '49', price: nowPrice,
holder: { holder: {
name: param.name, name: param.name,
mobileNo: param.phone mobileNo: param.phone
......
yd-child-activity/css/bootstrap.min.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
yd-child-activity/css/style.css 0 → 100644
.container {
letter-spacing: 1px;
color: #333;
line-height: 1.6;
font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue",
"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei",
Arial, sans-serif;
padding: 30px;
}
.container > h6 > span:first-child {
display: inline-block;
border: 1px solid #b5b5b5;
border-radius: 20px;
padding: 2px 5px;
margin-right: 15px;
}
.container > h6 > strong {
color: #576b95;
font-size: 20px;
margin-right: 15px;
}
.container > .content-title {
font-size: 22px;
color: rgb(73, 59, 92);
}
.header-transition {
width: 100%;
text-align: center;
}
.header-transition > .header-transition-tips {
display: flex;
justify-content: center;
align-items: center;
padding-right: 30px;
margin-top: 40px;
margin-bottom: 10px;
}
.header-transition > .header-transition-tips .arrow-up {
width: 30px;
height: 30px;
border: 2px solid #4a4a4a;
border-radius: 50%;
margin-right: 10px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.header-transition > .header-transition-tips .arrow-up > img {
width: 30px;
}
.header-transition > .header-transition-slogan {
border: 1px solid #8a8a8a;
padding: 30px 0px;
}
.header-transition > .header-transition-slogan > .title {
background: rgba(87, 107, 149, 0.1);
width: 70%;
font-size: 2em;
color: rgb(87, 107, 149);
letter-spacing: 2px;
margin: 0 auto 20px;
padding: 15px;
}
.header-transition > .header-transition-slogan .wxIcon {
width: 22px;
margin-right: 15px;
}
.header-transition .header-transition-wx {
display: flex;
justify-content: center;
}
.line {
position: relative;
}
.line:after {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: -5px;
border-top: 1px solid rgb(87, 107, 149);
width: 100%;
height: 0;
margin: 0 auto;
}
.line:before {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: -12px;
border-top: 4px solid rgb(87, 107, 149);
width: 100%;
height: 0;
margin: 0 auto;
}
.marketing-content {
margin-bottom: 30px;
}
.marketing-content > .content-title > p {
/* font-style: italic; */
font-weight: bold;
font-size: 17px;
text-align: justify;
white-space: normal;
max-width: 100%;
min-height: 1em;
letter-spacing: 0.544px;
box-sizing: border-box !important;
overflow-wrap: break-word !important;
}
.marketing-content > .content-title > p:first-child {
color: rgb(73, 59, 92);
margin-bottom: 10px;
}
.marketing-content > .content-title > p:last-child {
color: rgb(51, 51, 51);
}
.marketing-content > .content-title > p:last-child {
margin-bottom: 30px;
}
.viewBtn {
display: flex;
justify-content: center;
margin-bottom: 6px;
margin-top: -46px;
padding-top: 50px;
position: absolute;
left: 0;
top: 0;
width: 100%;
background-image: linear-gradient(
-180deg,
rgba(255, 255, 255, 0.5) 0,
rgba(255, 255, 255, 1) 70%
);
}
.wx-subscription {
font-size: 24px;
color: #fff;
font-weight: bold;
background-color: #09bb07;
text-align: center;
height: 70px;
line-height: 70px;
border-radius: 10px;
margin-top: 35px;
position: absolute;
width: 100%;
top: 20px;
}
.wx-subscription-container {
padding: 0 15px;
border: 1px solid #000;
margin-top: 20px;
}
.wx-subscription-container > h5 {
background: rgba(87, 107, 149, 0.1);
width: 70%;
font-size: 2em;
color: rgb(87, 107, 149);
letter-spacing: 2px;
padding: 15px;
text-align: center;
margin: 15px auto 20px;
}
.wx-subscription-container > h6 {
position: relative;
margin-bottom: 50px;
}
.wx-subscription > img {
width: 40px;
margin-right: 10px;
}
.article-content {
color: #4a4a4a;
}
.article-content > h5 {
color: #6260b1;
font-weight: bold;
font-size: 18px;
}
.article-content > p {
position: relative;
margin-bottom: 30px;
}
.article-content > p > span {
border-bottom: 1px solid #4a4a4a;
}
footer {
display: flex;
justify-content: center;
align-items: center;
}
footer > .wxIcon {
width: 30px;
margin-right: 15px;
}
footer > div {
padding: 30px 0;
}
.cursor-pointer {
cursor: pointer;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 1;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(-20px);
}
}
@-ms-keyframes fadeInUp {
0% {
opacity: 1;
-ms-transform: translateY(20px);
}
100% {
opacity: 1;
-ms-transform: translateY(-20px);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 1;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(-20px);
}
}
@keyframes fadeInUp {
0% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(-20px);
}
}
.fadeInUp {
animation: fadeInUp 1.5s infinite;
}
#dialog {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #fff;
display: none;
overflow-y: scroll;
}
#dialog .dialog-content {
width: 100%;
max-width: 800px;
background-color: #fff;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
border-radius: 20px;
margin: 5% auto;
padding: 0 15px;
}
#dialog .dialog-content h5 {
font-size: 22px;
font-weight: bold;
color: #4a4a4a;
}
.crumbs ul {
list-style: none;
padding: 0;
display: flex;
justify-content: center;
}
.crumbs ul li {
position: relative;
background: rgba(98, 96, 177, 0.8);
color: #fff;
height: 30px;
line-height: 30px;
margin-right: 16px;
font-size: 12px;
padding-left: 8px;
flex: 1;
}
.crumbs ul li:last-child {
margin-right: 0;
}
.crumbs ul li:after {
content: "";
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid rgba(98, 96, 177, 0.8);
position: absolute;
right: -15px;
top: 0;
z-index: 5;
}
.crumbs ul li::before {
content: "";
border-left: 15px solid transparent;
border-bottom: 15px solid rgba(98, 96, 177, 0.8);
border-top: 15px solid rgba(98, 96, 177, 0.8);
position: absolute;
left: -15px;
top: 0;
}
.crumbs ul li:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.crumbs ul li:first-child:before {
display: none;
}
.crumbs ul li:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.crumbs ul li:last-child:after {
display: none;
}
.panel-body {
padding: 0 3px;
}
.panel-default {
border-color: #ddd;
width: 100%;
}
.qrcode {
display: flex;
justify-content: center;
margin-bottom: 10px;
}
.searchBox {
padding: 10px 15px;
border: 1px dashed #6260b1;
text-align: center;
letter-spacing: 10px;
font-size: 18px;
font-weight: bold;
color: #000;
margin-top: 15px;
}
#copyBtn {
height: 34px;
line-height: 34px;
background-color: #6160b1;
color: #fff;
text-align: center;
margin: 15px 0;
border-radius: 5px;
letter-spacing: 5px;
cursor: pointer;
}
/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 750px) {
.header-transition > .header-transition-slogan > .title,
.wx-subscription-container > h5 {
font-size: 18px;
font-weight: bold;
}
#dialog .dialog-content {
}
#dialog .dialog-content h5 {
font-size: 16px;
}
#dialog img {
width: 150px;
height: 150px;
}
.header-transition .header-transition-wx:before,
.wx-subscription-container > h6:before,
.header-transition .header-transition-wx:after,
.wx-subscription-container > h6:after {
width: 50%;
}
.wx-subscription {
font-size: 20px;
}
}
.weui-toast {
position: fixed;
z-index: 5000;
width: 7.6em;
min-height: 7.6em;
top: 180px;
left: 50%;
margin-left: -3.8em;
background: rgba(17, 17, 17, 0.8);
text-align: center;
border-radius: 5px;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
}
.content-content img {
max-width: 100%;
}
.content-content p {
margin-bottom: 20px;
}
yd-child-activity/js/base.js 0 → 100644
$(document).ready(function () {
$(".cursor-pointer").click(function () {
$('#dialog').show();
});
$('#dialog').click(function (e) {
var e = e || window.event; //浏览器兼容性
var elem = e.target || e.srcElement;
while (elem) { //循环判断至跟节点，防止点击的是div子元素
if (elem.id && elem.id == 'dialog-content') {
return;
}
elem = elem.parentNode;
}
$('#dialog').css('display', 'none'); //点击的不是div或其子元素
});
$('#copyBtn').click(function (e) {
const range = document.createRange();
range.selectNode(document.getElementById('copyBT'));
const selection = window.getSelection();
if (selection.rangeCount > 0) selection.removeAllRanges();
selection.addRange(range);
document.execCommand('copy');
$('#copyBtn').html('复制成功，打开微信，粘贴搜索');
$('#toast').show().delay(3000).fadeOut();
});
});
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment