Skip to content

A
allCampaign
Commit 67b92974 by Chao Sun
Options

样式修改

parent 2605ad48
Showing with 389 additions and 425 deletions
consulting/css/style.css
...@@ -49,8 +49,10 @@ input[type="number"] { ...@@ -49,8 +49,10 @@ input[type="number"] {
display: -webkit-flex; display: -webkit-flex;
display: flex; display: flex;
background: #fff; background: #fff;
position: relative; position: fixed;
height: 65px; height: 65px;
bottom: 0;
width: 100%;
} }
.footer .left { .footer .left {
......
consulting/index.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta
http-equiv="Cache-Control"
content="no-cache, no-store, must-revalidate"
/>
<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>
<link rel="stylesheet" href="./css/style.css" />
<!--Shortcut icon-->
<link
rel="shortcut icon"
href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif"
/>
</head>
<body> <head>
<div> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<img src="./images/bg.png" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
</div> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<div class="footer"> <meta http-equiv="Pragma" content="no-cache" />
<ul class="left"> <meta http-equiv="Expires" content="0" />
<li class="kefu_Wrapper"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<a <title>獴哥保险诊所</title>
href="http://q.url.cn/abkzV9?_type=wpa&qidian=true" <link rel="stylesheet" href="./css/style.css" />
target="_blank" <!--Shortcut icon-->
> <link rel="shortcut icon" href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif" />
<img class="icon" src="./images/icon.png" alt="icon" /> </head>
<div class="kefu">客服</div>
</a> <body>
</li> <div>
<li class="share" style="display: none;"> <img style="padding-bottom: 65px;" src="./images/bg.png" />
<img src="./images/share1.png" alt="share" /> </div>
<div>分享产品</div> <div class="footer">
</li> <ul class="left">
<li class="peice_wrapper"> <li class="kefu_Wrapper">
<div class="curPrice"> <a href="http://q.url.cn/abkzV9?_type=wpa&qidian=true" target="_blank">
<span>￥</span><span class="nowPrice"></span> <img class="icon" src="./images/icon.png" alt="icon" />
</div> <div class="kefu">客服</div>
<div class="price"> </a>
原价:<span>￥</span><span class="primeCost"></span>/年 </li>
</div> <li class="share" style="display: none;">
</li> <img src="./images/share1.png" alt="share" />
</ul> <div>分享产品</div>
<div class="right"> </li>
立即购买 <li class="peice_wrapper">
</div> <div class="curPrice">
</div> <span>￥</span><span class="nowPrice"></span>
<div class="modalBox">
<div class="inputBox">
<!--获取手机号 -->
<div class="mobileNoSection inputControl">
<input id="phone" type="number" maxlength="11" placeholder="手机号" />
<div class="autoGet">
<button class="getPhoneNumber commonBtn" id="codeBtn">
获取验证码
</button>
</div>
</div> </div>
<!--获取验证码 --> <div class="price">
<div class="codeSection inputControl"> 原价:<span>￥</span><span class="primeCost"></span>/年
<input
id="code"
type="number"
maxlength="4"
placeholder="短信验证码"
/>
</div> </div>
<!--姓名 --> </li>
<div class="codeSection inputControl"> </ul>
<input id="name" type="text" placeholder="姓名" /> <div class="right">
立即购买
</div>
</div>
<div class="modalBox">
<div class="inputBox">
<!--获取手机号 -->
<div class="mobileNoSection inputControl">
<input id="phone" type="number" maxlength="11" placeholder="手机号" />
<div class="autoGet">
<button class="getPhoneNumber commonBtn" id="codeBtn">
获取验证码
</button>
</div> </div>
<!--立即支付 -->
<button class="goBuyBtn commonBtn" id="pay">立即支付</button>
</div> </div>
<div class="closeModal" bindtap="closeModalBox">X</div> <!--获取验证码 -->
<div class="codeSection inputControl">
<input style="width:100%" id="code" type="number" maxlength="4" placeholder="短信验证码" />
</div>
<!--姓名 -->
<div class="codeSection inputControl">
<input style="width:100%" id="name" type="text" placeholder="姓名" />
</div>
<!--立即支付 -->
<button class="goBuyBtn commonBtn" id="pay">立即支付</button>
</div> </div>
<!--分享弹框--> <div class="closeModal" bindtap="closeModalBox">X</div>
<div class="markbox"> </div>
<div class="guideImgBox"> <!--分享弹框-->
<img src="./images/tips.png" alt="提示" /> <div class="markbox">
<div class="tipsToast"> <div class="guideImgBox">
<p>请点击右上角菜单</p> <img src="./images/tips.png" alt="提示" />
<p>分享给朋友</p> <div class="tipsToast">
</div> <p>请点击右上角菜单</p>
<p>分享给朋友</p>
</div> </div>
</div> </div>
<!-- 登录弹窗--> </div>
<div class="loginInBox"> <!-- 登录弹窗-->
<div class="inputBox"> <div class="loginInBox">
<!--获取手机号 --> <div class="inputBox">
<div class="mobileNoSection inputControl"> <!--获取手机号 -->
<input <div class="mobileNoSection inputControl">
id="loginPhone" <input id="loginPhone" type="number" maxlength="11" placeholder="手机号" />
type="number" <div class="autoGet">
maxlength="11" <button class="getPhoneNumber commonBtn" id="loginCodeBtn">
placeholder="手机号" 获取验证码
/> </button>
<div class="autoGet">
<button class="getPhoneNumber commonBtn" id="loginCodeBtn">
获取验证码
</button>
</div>
</div>
<!--获取验证码 -->
<div class="codeSection inputControl">
<input
id="loginCode"
type="number"
maxlength="4"
placeholder="短信验证码"
/>
</div> </div>
<!--登录 -->
<button class="goBuyBtn commonBtn" id="loginIn">登录</button>
</div> </div>
<!--获取验证码 -->
<div class="codeSection inputControl">
<input id="loginCode" type="number" maxlength="4" placeholder="短信验证码" />
</div>
<!--登录 -->
<button class="goBuyBtn commonBtn" id="loginIn">登录</button>
</div> </div>
<div id="d" hidden></div> </div>
<script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script> <div id="d" hidden></div>
<script src="./js/jquery.min.js"></script> <script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
<script src="js/layer.js"></script> <script src="./js/jquery.min.js"></script>
<script src="./js/base.js"></script> <script src="js/layer.js"></script>
<script> <script src="./js/base.js"></script>
var _hmt = _hmt || []; <script>
(function() { var _hmt = _hmt || [];
const host = window.location.host; (function () {
var hm = document.createElement("script"); const host = window.location.host;
hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27"; var hm = document.createElement("script");
if (host == "www.ydinsurance.cn") { hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
hm.src = if (host == "www.ydinsurance.cn") {
"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> })();
</body> </script>
</html> </body>
</html>
\ No newline at end of file
consulting/js/base.js
$(function () { $(function () {
// var api = 'https://' + window.location.host; // var api = 'https://' + window.location.host;
var api = 'https://m.zuihuibi.cn'; var api = 'https://mdev.zuihuibi.cn';
var gitUrlParam = window.location.search; var gitUrlParam = window.location.search;
const shareInfo = { const shareInfo = {
shareCode: null, shareCode: null,
...@@ -60,20 +60,20 @@ $(function () { ...@@ -60,20 +60,20 @@ $(function () {
param.deviceType = deviceType; param.deviceType = deviceType;
//获取产品价格 //获取产品价格
var nowPrice = getGoodsPrice() var nowPrice = getGoodsPrice()
function getGoodsPrice(){ function getGoodsPrice() {
$.ajax({ $.ajax({
type:"POST", type: "POST",
url:api+ '/api/voucherInfoQuery', url: api + '/api/voucherInfoQuery',
contentType: "application/json", contentType: "application/json",
data:JSON.stringify({ data: JSON.stringify({
planId:424 planId: 424
}), }),
async: false, async: false,
headers: { headers: {
"X-Authorization": token "X-Authorization": token
}, },
success:function(res){ success: function (res) {
if(res['data']){ if (res['data']) {
$(".nowPrice").html(res['data']['voucherSalePrice']) $(".nowPrice").html(res['data']['voucherSalePrice'])
$(".primeCost").html(res['data']['voucherValue']) $(".primeCost").html(res['data']['voucherValue'])
nowPrice = res['data']['voucherSalePrice'] nowPrice = res['data']['voucherSalePrice']
...@@ -322,7 +322,7 @@ $(function () { ...@@ -322,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:nowPrice, price: nowPrice,
holder: { holder: {
name: param.name, name: param.name,
mobileNo: param.phone mobileNo: param.phone
......
consulting1/css/style.css
...@@ -49,8 +49,10 @@ input[type="number"] { ...@@ -49,8 +49,10 @@ input[type="number"] {
display: -webkit-flex; display: -webkit-flex;
display: flex; display: flex;
background: #fff; background: #fff;
position: relative; position: fixed;
height: 65px; height: 65px;
bottom: 0;
width: 100%;
} }
.footer .left { .footer .left {
......
consulting1/index.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta
http-equiv="Cache-Control"
content="no-cache, no-store, must-revalidate"
/>
<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>
<link rel="stylesheet" href="./css/style.css" />
<link
rel="shortcut icon"
href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif"
/>
</head>
<body> <head>
<div> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<img src="./images/bg_toutiao.png" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
</div> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<div class="footer"> <meta http-equiv="Pragma" content="no-cache" />
<ul class="left"> <meta http-equiv="Expires" content="0" />
<li class="kefu_Wrapper"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<a <title>獴哥保险诊所</title>
href="http://q.url.cn/abkzV9?_type=wpa&qidian=true" <link rel="stylesheet" href="./css/style.css" />
target="_blank" <link rel="shortcut icon" href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif" />
> </head>
<img class="icon" src="./images/icon.png" alt="icon" />
<div class="kefu">客服</div> <body>
</a> <div>
</li> <img style="padding-bottom: 65px;" src="./images/bg_toutiao.png" />
<li class="share" style="display: none;"> </div>
<img src="./images/share1.png" alt="share" /> <div class="footer">
<div>分享产品</div> <ul class="left">
</li> <li class="kefu_Wrapper">
<li class="peice_wrapper"> <a href="http://q.url.cn/abkzV9?_type=wpa&qidian=true" target="_blank">
<div class="curPrice"> <img class="icon" src="./images/icon.png" alt="icon" />
<span>￥</span><span class="nowPrice"></span> <div class="kefu">客服</div>
</div> </a>
<div class="price"> </li>
原价:<span>￥</span><span class="primeCost"></span>/年 <li class="share" style="display: none;">
</div> <img src="./images/share1.png" alt="share" />
</li> <div>分享产品</div>
</ul> </li>
<div class="right"> <li class="peice_wrapper">
立即购买 <div class="curPrice">
</div> <span>￥</span><span class="nowPrice"></span>
</div>
<div class="modalBox">
<div class="inputBox">
<!--获取手机号 -->
<div class="mobileNoSection inputControl">
<input id="phone" type="number" maxlength="11" placeholder="手机号" />
<div class="autoGet">
<button class="getPhoneNumber commonBtn" id="codeBtn">
获取验证码
</button>
</div>
</div> </div>
<!--获取验证码 --> <div class="price">
<div class="codeSection inputControl"> 原价:<span>￥</span><span class="primeCost"></span>/年
<input
id="code"
type="number"
maxlength="4"
placeholder="短信验证码"
/>
</div> </div>
<!--姓名 --> </li>
<div class="codeSection inputControl"> </ul>
<input id="name" type="text" placeholder="姓名" /> <div class="right">
立即购买
</div>
</div>
<div class="modalBox">
<div class="inputBox">
<!--获取手机号 -->
<div class="mobileNoSection inputControl">
<input id="phone" type="number" maxlength="11" placeholder="手机号" />
<div class="autoGet">
<button class="getPhoneNumber commonBtn" id="codeBtn">
获取验证码
</button>
</div> </div>
<!--立即支付 -->
<button class="goBuyBtn commonBtn" id="pay">立即支付</button>
</div> </div>
<div class="closeModal" bindtap="closeModalBox">X</div> <!--获取验证码 -->
<div class="codeSection inputControl">
<input style="width:100%" id="code" type="number" maxlength="4" placeholder="短信验证码" />
</div>
<!--姓名 -->
<div class="codeSection inputControl">
<input style="width:100%" id="name" type="text" placeholder="姓名" />
</div>
<!--立即支付 -->
<button class="goBuyBtn commonBtn" id="pay">立即支付</button>
</div> </div>
<!--分享弹框--> <div class="closeModal" bindtap="closeModalBox">X</div>
<div class="markbox"> </div>
<div class="guideImgBox"> <!--分享弹框-->
<img src="./images/tips.png" alt="提示" /> <div class="markbox">
<div class="tipsToast"> <div class="guideImgBox">
<p>请点击右上角菜单</p> <img src="./images/tips.png" alt="提示" />
<p>分享给朋友</p> <div class="tipsToast">
</div> <p>请点击右上角菜单</p>
<p>分享给朋友</p>
</div> </div>
</div> </div>
<!-- 登录弹窗--> </div>
<div class="loginInBox"> <!-- 登录弹窗-->
<div class="inputBox"> <div class="loginInBox">
<!--获取手机号 --> <div class="inputBox">
<div class="mobileNoSection inputControl"> <!--获取手机号 -->
<input <div class="mobileNoSection inputControl">
id="loginPhone" <input id="loginPhone" type="number" maxlength="11" placeholder="手机号" />
type="number" <div class="autoGet">
maxlength="11" <button class="getPhoneNumber commonBtn" id="loginCodeBtn">
placeholder="手机号" 获取验证码
/> </button>
<div class="autoGet">
<button class="getPhoneNumber commonBtn" id="loginCodeBtn">
获取验证码
</button>
</div>
</div>
<!--获取验证码 -->
<div class="codeSection inputControl">
<input
id="loginCode"
type="number"
maxlength="4"
placeholder="短信验证码"
/>
</div> </div>
<!--登录 -->
<button class="goBuyBtn commonBtn" id="loginIn">登录</button>
</div> </div>
<!--获取验证码 -->
<div class="codeSection inputControl">
<input id="loginCode" type="number" maxlength="4" placeholder="短信验证码" />
</div>
<!--登录 -->
<button class="goBuyBtn commonBtn" id="loginIn">登录</button>
</div> </div>
<div id="d" hidden></div> </div>
<script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script> <div id="d" hidden></div>
<script src="./js/jquery.min.js"></script> <script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
<script src="js/layer.js"></script> <script src="./js/jquery.min.js"></script>
<script src="./js/base.js"></script> <script src="js/layer.js"></script>
<script> <script src="./js/base.js"></script>
var _hmt = _hmt || []; <script>
(function() { var _hmt = _hmt || [];
const host = window.location.host; (function () {
var hm = document.createElement("script"); const host = window.location.host;
hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27"; var hm = document.createElement("script");
if (host == "www.ydinsurance.cn") { hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
hm.src = if (host == "www.ydinsurance.cn") {
"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> })();
</body> </script>
</html> </body>
</html>
\ No newline at end of file
consulting1/js/base.js
$(function () { $(function () {
// var api = 'https://' + window.location.host; // var api = 'https://' + window.location.host;
var api = 'https://m.zuihuibi.cn'; var api = 'https://mdev.zuihuibi.cn';
var gitUrlParam = window.location.search; var gitUrlParam = window.location.search;
const shareInfo = { const shareInfo = {
shareCode: null, shareCode: null,
...@@ -59,20 +59,20 @@ $(function () { ...@@ -59,20 +59,20 @@ $(function () {
param.deviceType = deviceType; param.deviceType = deviceType;
//获取产品价格 //获取产品价格
var nowPrice = getGoodsPrice() var nowPrice = getGoodsPrice()
function getGoodsPrice(){ function getGoodsPrice() {
$.ajax({ $.ajax({
type:"POST", type: "POST",
url:api+ '/api/voucherInfoQuery', url: api + '/api/voucherInfoQuery',
contentType: "application/json", contentType: "application/json",
data:JSON.stringify({ data: JSON.stringify({
planId:424 planId: 424
}), }),
async: false, async: false,
headers: { headers: {
"X-Authorization": token "X-Authorization": token
}, },
success:function(res){ success: function (res) {
if(res['data']){ if (res['data']) {
$(".nowPrice").html(res['data']['voucherSalePrice']) $(".nowPrice").html(res['data']['voucherSalePrice'])
$(".primeCost").html(res['data']['voucherValue']) $(".primeCost").html(res['data']['voucherValue'])
nowPrice = res['data']['voucherSalePrice'] nowPrice = res['data']['voucherSalePrice']
...@@ -81,7 +81,7 @@ $(function () { ...@@ -81,7 +81,7 @@ $(function () {
}) })
return nowPrice return nowPrice
} }
$(".right").click(function () { $(".right").click(function () {
$("#phone").val('') $("#phone").val('')
$("#code").val('') $("#code").val('')
......
questionnaire/src/app/age/age.component.html
...@@ -12,26 +12,24 @@ ...@@ -12,26 +12,24 @@
</ul> </ul>
</div> </div>
<div class="addChild" (click)="addChild()" *ngIf="!(type==1||type==2)" <div class="addChild" (click)="addChild()" *ngIf="!(type==1||type==2)"
[ngClass]="{'disabled':totalChildLimitCount<=0}"> [ngClass]="{'disabled':totalChildLimitCount<=0}">
<div class="icon">+</div> <div class="icon">+</div>
<div data-toggle="modal">增加孩子年龄</div> <div data-toggle="modal">增加孩子年龄</div>
</div> </div>
<div class="content_footer"> </div>
<div style="color: #8a8a8a;" (click)="before()">&lt;</div> <div class="content_footer">
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div> <div style="color: #8a8a8a;" (click)="before()">&lt;</div>
</div> <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div>
<div class="toastWrapper toast" *ngIf="isShow" (click)="closeToast()"> </div>
<div class="toastWrapper toast" *ngIf="isShow" (click)="closeToast()">
</div>
</div> </div>
<div class="toastContent" *ngIf="isShow"> <div class="toastContent" *ngIf="isShow">
<ul> <ul>
<li <li *ngFor="let options of curQues.options" [ngClass]="{ selected: options['selected']}"
*ngFor="let options of curQues.options"
[ngClass]="{ selected: options['selected']}"
(click)="selectedAge(options);"> (click)="selectedAge(options);">
{{ options.optionName }} {{ options.optionName }}
</li> </li>
</ul> </ul>
<!--<div>{{curQues|json}}</div>--> <!--<div>{{curQues|json}}</div>-->
</div> </div>
\ No newline at end of file
questionnaire/src/app/children-health/children-health.component.html
...@@ -5,17 +5,15 @@ ...@@ -5,17 +5,15 @@
{{ this.curPageData?.questions[0]['questionName'] }} {{ this.curPageData?.questions[0]['questionName'] }}
</div> </div>
<ul class="jobContent"> <ul class="jobContent">
<li <li class="selected" *ngFor="let options of this.curPageData?.questions[0]['options']"
class="selected"
*ngFor="let options of this.curPageData?.questions[0]['options']"
[ngClass]="{ selected: options['selected'] == true }" (click)="selectedHealth(options,false)"> [ngClass]="{ selected: options['selected'] == true }" (click)="selectedHealth(options,false)">
{{ options.optionName }} {{ options.optionName }}
</li> </li>
</ul> </ul>
</div> </div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div>
</div>
</div> </div>
</div> <div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div>
</div>
</div>
\ No newline at end of file
questionnaire/src/app/disease/disease.component.html
...@@ -5,19 +5,15 @@ ...@@ -5,19 +5,15 @@
{{ this.curPageData?.pageName }} {{ this.curPageData?.pageName }}
</div> </div>
<ul class="jobContent"> <ul class="jobContent">
<li <li *ngFor="let options of this.options" [ngClass]="{ selected: options['selected'] == true }"
*ngFor="let options of this.options" (click)="checkFun(options,false)">
[ngClass]="{ selected: options['selected'] == true }"
(click)="checkFun(options,false)"
>
{{ options.optionName }} {{ options.optionName }}
</li> </li>
</ul> </ul>
</div> </div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }"
(click)="next()"> 下一步 </div>
</div>
</div> </div>
</div> <div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div>
</div>
</div>
\ No newline at end of file
questionnaire/src/app/health/health.component.html
<div class="container"> <div class="container">
<div class="layout"> <div class="layout">
<div class="content"> <div class="content healthContent" style="min-height: 300px;">
<div class="questionTitle"> <div class="questionTitle">
{{ this.curPageData?.questions[0]['questionName'] }} {{ this.curPageData?.questions[0]['questionName'] }}
</div> </div>
<ul class="jobContent"> <ul class="jobContent">
<li *ngFor="let options of this.curPageData?.questions[0]['options']" <li *ngFor="let options of this.curPageData?.questions[0]['options']"
[ngClass]="{ selected: options['selected'] == true}" [ngClass]="{ selected: options['selected'] == true}" (click)="selectedHealth(options,false)">
(click)="selectedHealth(options,false)">
{{ options.optionName }} {{ options.optionName }}
</li> </li>
</ul> </ul>
</div> </div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div>
</div>
</div> </div>
</div> <div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</div>
</div>
</div>
\ No newline at end of file
questionnaire/src/app/income/income.component.html
...@@ -2,35 +2,31 @@ ...@@ -2,35 +2,31 @@
<div class="layout"> <div class="layout">
<div class="content"> <div class="content">
<div class="twoContent"> <div class="twoContent">
<div class="questionTitle"> <div class="questionTitle">
{{ this.curPageData?.questions[0]['questionName'] }} {{ this.curPageData?.questions[0]['questionName'] }}
</div> </div>
<ul class="income"> <ul class="income">
<li <li [ngClass]="{ selected: options['selected'] }"
[ngClass]="{ selected: options['selected'] }" *ngFor="let options of this.curPageData?.questions[0].options"
*ngFor="let options of this.curPageData?.questions[0].options" (click)="selectedIncome(this.curPageData?.questions[0],options)">
(click)="selectedIncome(this.curPageData?.questions[0],options)" {{ options.optionName }}
> </li>
{{ options.optionName }} </ul>
</li> <div class="questionTitle" *ngIf="this.type == 2 || this.type == 4">
</ul> {{ this.curPageData?.questions[1]['questionName']}}
<div class="questionTitle" *ngIf="this.type == 2 || this.type == 4"> </div>
{{ this.curPageData?.questions[1]['questionName']}} <ul class="income" *ngIf="this.type == 2 || this.type == 4">
</div> <li [ngClass]="{ selected: options['selected']}"
<ul class="income" *ngIf="this.type == 2 || this.type == 4"> *ngFor="let options of this.curPageData?.questions[1]['options']"
<li (click)="selectedIncome(this.curPageData?.questions[1],options)">
[ngClass]="{ selected: options['selected']}" {{ options.optionName }}
*ngFor="let options of this.curPageData?.questions[1]['options']" </li>
(click)="selectedIncome(this.curPageData?.questions[1],options)" </ul>
>
{{ options.optionName }}
</li>
</ul>
</div> </div>
</div> </div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div>
</div>
</div> </div>
</div> <div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div>
</div>
</div>
\ No newline at end of file
questionnaire/src/app/live/live.component.html
...@@ -5,11 +5,8 @@ ...@@ -5,11 +5,8 @@
{{ this.curPageData?.questions[0]['questionName'] }} {{ this.curPageData?.questions[0]['questionName'] }}
</div> </div>
<ul class="cityContent"> <ul class="cityContent">
<li <li *ngFor="let provinces of this.provinceList" [ngClass]="{ selected: provinces['selected'] == true }"
*ngFor="let provinces of this.provinceList" (click)="showToast(); selectProvince(provinces)">
[ngClass]="{ selected: provinces['selected'] == true }"
(click)="showToast(); selectProvince(provinces)"
>
{{ provinces.provinceAbbr }} {{ provinces.provinceAbbr }}
</li> </li>
</ul> </ul>
...@@ -17,11 +14,10 @@ ...@@ -17,11 +14,10 @@
{{ this.strAddress }} {{ this.strAddress }}
</div> </div>
</div> </div>
<div class="content_footer"> </div>
<div style="color: #8a8a8a;" (click)="before()">&lt;</div> <div class="content_footer">
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" <div style="color: #8a8a8a;" (click)="before()">&lt;</div>
(click)="next()"> 下一步 </div> <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div>
</div>
</div> </div>
<div class="toastWrapper toast" *ngIf="isShow" (click)="closeToast();"> <div class="toastWrapper toast" *ngIf="isShow" (click)="closeToast();">
...@@ -32,10 +28,7 @@ ...@@ -32,10 +28,7 @@
<span>{{ this.provinceName }}</span> <span>{{ this.provinceName }}</span>
</div> </div>
<ul class="city"> <ul class="city">
<li <li *ngFor="let city of this.cityList" (click)="closeToast(); selectCity(city);">
*ngFor="let city of this.cityList"
(click)="closeToast(); selectCity(city);"
>
{{ city.cityName }} {{ city.cityName }}
</li> </li>
</ul> </ul>
......
questionnaire/src/app/loan/loan.component.html
...@@ -5,11 +5,9 @@ ...@@ -5,11 +5,9 @@
{{ this.curPageData?.questions[0]['questionName'] }} {{ this.curPageData?.questions[0]['questionName'] }}
</div> </div>
<ul class="income"> <ul class="income">
<li <li [ngClass]="{ selected: options['selected'] == true }"
[ngClass]="{ selected: options['selected'] == true }"
*ngFor="let options of this.curPageData?.questions[0]['options']" *ngFor="let options of this.curPageData?.questions[0]['options']"
(click)="selectedLoan(this.curPageData?.questions[0],options)" (click)="selectedLoan(this.curPageData?.questions[0],options)">
>
{{ options.optionName }} {{ options.optionName }}
</li> </li>
</ul> </ul>
...@@ -17,20 +15,16 @@ ...@@ -17,20 +15,16 @@
{{ this.curPageData?.questions[1]['questionName'] }} {{ this.curPageData?.questions[1]['questionName'] }}
</div> </div>
<ul class="income"> <ul class="income">
<li <li [ngClass]="{ selected: options['selected'] == true }"
[ngClass]="{ selected: options['selected'] == true }"
*ngFor="let options of this.curPageData?.questions[1]['options']" *ngFor="let options of this.curPageData?.questions[1]['options']"
(click)="selectedLoan(this.curPageData?.questions[1],options)" (click)="selectedLoan(this.curPageData?.questions[1],options)">
>
{{ options.optionName }} {{ options.optionName }}
</li> </li>
</ul> </ul>
</div> </div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }"
(click)="next()"
> 下一步 </div>
</div>
</div> </div>
</div> <div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div>
</div>
</div>
\ No newline at end of file
questionnaire/src/app/smoking/smoking.component.html
...@@ -5,19 +5,15 @@ ...@@ -5,19 +5,15 @@
{{ this.curPageData?.pageName }} {{ this.curPageData?.pageName }}
</div> </div>
<ul class="jobContent"> <ul class="jobContent">
<li <li *ngFor="let options of this.options" [ngClass]="{ selected: options['selected'] == true }"
*ngFor="let options of this.options" (click)="checkFun(options,false)">
[ngClass]="{ selected: options['selected'] == true }"
(click)="checkFun(options,false)"
>
{{ options.optionName }} {{ options.optionName }}
</li> </li>
</ul> </ul>
</div> </div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }"
(click)="next()"> 下一步 </div>
</div>
</div> </div>
</div> <div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div>
</div>
</div>
\ No newline at end of file
questionnaire/src/app/social-security/social-security.component.html
...@@ -5,11 +5,9 @@ ...@@ -5,11 +5,9 @@
{{ this.curPageData?.questions[0]['questionName'] }} {{ this.curPageData?.questions[0]['questionName'] }}
</div> </div>
<ul class="jobContent"> <ul class="jobContent">
<li <li [ngClass]="{ selected: options['selected'] == true }"
[ngClass]="{ selected: options['selected'] == true }"
*ngFor="let options of this.curPageData?.questions[0]['options']" *ngFor="let options of this.curPageData?.questions[0]['options']"
(click)=selectedSocial(this.curPageData?.questions[0],options) (click)=selectedSocial(this.curPageData?.questions[0],options)>
>
{{ options.optionName }} {{ options.optionName }}
</li> </li>
</ul> </ul>
...@@ -17,20 +15,16 @@ ...@@ -17,20 +15,16 @@
{{ this.curPageData?.questions[1]['questionName'] }} {{ this.curPageData?.questions[1]['questionName'] }}
</div> </div>
<ul class="jobContent" *ngIf="this.type == 2 || this.type == 4"> <ul class="jobContent" *ngIf="this.type == 2 || this.type == 4">
<li <li [ngClass]="{ selected: options['selected'] == true }"
[ngClass]="{ selected: options['selected'] == true }"
*ngFor="let options of this.curPageData?.questions[1]['options']" *ngFor="let options of this.curPageData?.questions[1]['options']"
(click)=selectedSocial(this.curPageData?.questions[1],options) (click)=selectedSocial(this.curPageData?.questions[1],options)>
>
{{ options.optionName }} {{ options.optionName }}
</li> </li>
</ul> </ul>
</div> </div>
<div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }"
(click)="next()"
> 下一步 </div>
</div>
</div> </div>
</div> <div class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div>
</div>
</div>
\ No newline at end of file
questionnaire/src/app/transit/transit.component.html
<div class="limbo"> <div class="limbo">
<div class="title"> <div class="title">
<img src="assets/images/bg_1.png" /> <img src="assets/images/bg_1.png" />
</div> </div>
<div class="tips"> <div class="tips">
<span style="color:red;">*</span> <span style="color:red;">*</span>
<span>本测试大约需要1分钟</span> <span>本问卷大约需要1分钟</span>
</div> </div>
<div class="footer" routerLink="/family"> <div class="footer" routerLink="/family">
<div>获取家庭分析报告</div> <div>进入</div>
</div> </div>
</div> </div>
\ No newline at end of file
questionnaire/src/app/transit3/transit3.component.css
...@@ -4,6 +4,8 @@ ...@@ -4,6 +4,8 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
letter-spacing: 2px; letter-spacing: 2px;
position: relative;
top: -100px;
} }
.ydCodeContainer > img { .ydCodeContainer > img {
......
questionnaire/src/app/transit3/transit3.component.html
<div class="limbo"> <div class="limbo">
<div class="title"> <div class="title">
<img src="assets/images/bg_17.png"/> <img src="assets/images/bg_17.png" />
</div> </div>
<div class="ydCodeContainer"> <div class="ydCodeContainer">
<img src="assets/images/yd.jpg" alt="银盾在线"> <img style="width: 30%;" src="assets/images/yd.jpg" alt="银盾在线">
<p>请关注我们的公众号查询你的方案</p> <p style="font-size:18px;">请关注我们的公众号查询你的方案</p>
</div> </div>
<div class="footer" style="margin-top: 10%;" (click)="getHref()"> <div class="footer" (click)="getHref()" style="position: relative;top: -80px;">
<div (click)="getHref()">我知道了</div> <div (click)="getHref()">我知道了</div>
</div> </div>
</div> </div>
\ No newline at end of file
questionnaire/src/assets/images/bg_1.png
questionnaire/src/assets/images/bg_1.png

389 KB | W: | H:

questionnaire/src/assets/images/bg_1.png

614 KB | W: | H:

questionnaire/src/assets/images/bg_1.png
questionnaire/src/assets/images/bg_1.png
questionnaire/src/assets/images/bg_1.png
questionnaire/src/assets/images/bg_1.png
  • 2-up
  • Swipe
  • Onion skin
questionnaire/src/assets/images/bg_10.png
questionnaire/src/assets/images/bg_10.png

390 KB | W: | H:

questionnaire/src/assets/images/bg_10.png

614 KB | W: | H:

questionnaire/src/assets/images/bg_10.png
questionnaire/src/assets/images/bg_10.png
questionnaire/src/assets/images/bg_10.png
questionnaire/src/assets/images/bg_10.png
  • 2-up
  • Swipe
  • Onion skin
questionnaire/src/assets/images/bg_6.png
questionnaire/src/assets/images/bg_6.png

387 KB | W: | H:

questionnaire/src/assets/images/bg_6.png

614 KB | W: | H:

questionnaire/src/assets/images/bg_6.png
questionnaire/src/assets/images/bg_6.png
questionnaire/src/assets/images/bg_6.png
questionnaire/src/assets/images/bg_6.png
  • 2-up
  • Swipe
  • Onion skin
questionnaire/src/assets/images/yd.jpg
questionnaire/src/assets/images/yd.jpg

148 KB | W: | H:

questionnaire/src/assets/images/yd.jpg

325 KB | W: | H:

questionnaire/src/assets/images/yd.jpg
questionnaire/src/assets/images/yd.jpg
questionnaire/src/assets/images/yd.jpg
questionnaire/src/assets/images/yd.jpg
  • 2-up
  • Swipe
  • Onion skin
questionnaire/src/styles.css
...@@ -61,9 +61,9 @@ ol li { ...@@ -61,9 +61,9 @@ ol li {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 20px; font-size: 20px;
padding: 20px 0; padding: 15px 0;
width: 90%; width: 90%;
margin: 0 auto; margin: 0 auto 5% auto;
background: #ec2d37; background: #ec2d37;
color: #fff; color: #fff;
border-radius: 10px; border-radius: 10px;
...@@ -74,12 +74,42 @@ ol li { ...@@ -74,12 +74,42 @@ ol li {
padding:10px 0; padding:10px 0;
} */ } */
.content { .content {
/* max-height: 525px; */
overflow: auto; overflow: auto;
padding-bottom:60px;
padding-right: 5px;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
padding-bottom: 75px;
} }
.content.healthContent::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0);
border-left: 1px solid rgba(0, 0, 0, 0);
}
.content.healthContent::-webkit-scrollbar {
-webkit-appearance: none;
width: 5px;
height: 13px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.content.healthContent::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.5);
background-clip: padding-box;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
min-height: 28px;
}
.content.healthContent::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.content.healthContent:after{
min-height: calc(100% + 1px);
}
/* .layout.cityLayout .questionTitle{ /* .layout.cityLayout .questionTitle{
margin:0 10px; margin:0 10px;
} */ } */
...@@ -111,8 +141,8 @@ ol li { ...@@ -111,8 +141,8 @@ ol li {
width: 100%; width: 100%;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
background-color: #fff; background-color: #f6f6f6;
padding-bottom: 15px; /* padding-bottom: 15px; */
} }
.content_footer div { .content_footer div {
...@@ -219,6 +249,7 @@ ol li { ...@@ -219,6 +249,7 @@ ol li {
-moz-box-shadow: 0px 3px 7px rgb(206, 208, 210); -moz-box-shadow: 0px 3px 7px rgb(206, 208, 210);
-webkit-box-shadow: 0px 3px 7px rgb(206, 208, 210); -webkit-box-shadow: 0px 3px 7px rgb(206, 208, 210);
box-shadow: 0px 3px 7px rgb(206, 208, 210); box-shadow: 0px 3px 7px rgb(206, 208, 210);
font-size: 18px;
} }
.cityContent li:nth-child(7), .cityContent li:nth-child(7),
...@@ -326,11 +357,11 @@ ol li { ...@@ -326,11 +357,11 @@ ol li {
height: 35px; height: 35px;
line-height: 35px; line-height: 35px;
} }
.address { .address {
width: 80%; width: 80%;
margin: 15% auto; margin: 15% auto;
text-align: center; text-align: center;
font-size: 18px;
} }
#errTips { #errTips {
...@@ -350,6 +381,9 @@ ol li { ...@@ -350,6 +381,9 @@ ol li {
animation: slowUp .5s ease both; animation: slowUp .5s ease both;
} }
.limbo{
position: relative;
}
@keyframes slowUp { @keyframes slowUp {
0% { 0% {
-webkit-transform: translateY(100%); -webkit-transform: translateY(100%);
......
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