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"] {
display: -webkit-flex;
display: flex;
background: #fff;
position: relative;
position: fixed;
height: 65px;
bottom: 0;
width: 100%;
}
.footer .left {
......
consulting/index.html
<!DOCTYPE html>
<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>
<div>
<img src="./images/bg.png" />
</div>
<div class="footer">
<ul class="left">
<li class="kefu_Wrapper">
<a
href="http://q.url.cn/abkzV9?_type=wpa&qidian=true"
target="_blank"
>
<img class="icon" src="./images/icon.png" alt="icon" />
<div class="kefu">客服</div>
</a>
</li>
<li class="share" style="display: none;">
<img src="./images/share1.png" alt="share" />
<div>分享产品</div>
</li>
<li class="peice_wrapper">
<div class="curPrice">
<span>￥</span><span class="nowPrice"></span>
</div>
<div class="price">
原价:<span>￥</span><span class="primeCost"></span>/年
</div>
</li>
</ul>
<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>
<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>
<div>
<img style="padding-bottom: 65px;" src="./images/bg.png" />
</div>
<div class="footer">
<ul class="left">
<li class="kefu_Wrapper">
<a href="http://q.url.cn/abkzV9?_type=wpa&qidian=true" target="_blank">
<img class="icon" src="./images/icon.png" alt="icon" />
<div class="kefu">客服</div>
</a>
</li>
<li class="share" style="display: none;">
<img src="./images/share1.png" alt="share" />
<div>分享产品</div>
</li>
<li class="peice_wrapper">
<div class="curPrice">
<span>￥</span><span class="nowPrice"></span>
</div>
<!--获取验证码 -->
<div class="codeSection inputControl">
<input
id="code"
type="number"
maxlength="4"
placeholder="短信验证码"
/>
<div class="price">
原价:<span>￥</span><span class="primeCost"></span>/年
</div>
<!--姓名 -->
<div class="codeSection inputControl">
<input id="name" type="text" placeholder="姓名" />
</li>
</ul>
<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>
<!--立即支付 -->
<button class="goBuyBtn commonBtn" id="pay">立即支付</button>
</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 class="markbox">
<div class="guideImgBox">
<img src="./images/tips.png" alt="提示" />
<div class="tipsToast">
<p>请点击右上角菜单</p>
<p>分享给朋友</p>
</div>
<div class="closeModal" bindtap="closeModalBox">X</div>
</div>
<!--分享弹框-->
<div class="markbox">
<div class="guideImgBox">
<img src="./images/tips.png" alt="提示" />
<div class="tipsToast">
<p>请点击右上角菜单</p>
<p>分享给朋友</p>
</div>
</div>
<!-- 登录弹窗-->
<div class="loginInBox">
<div class="inputBox">
<!--获取手机号 -->
<div class="mobileNoSection inputControl">
<input
id="loginPhone"
type="number"
maxlength="11"
placeholder="手机号"
/>
<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 class="loginInBox">
<div class="inputBox">
<!--获取手机号 -->
<div class="mobileNoSection inputControl">
<input id="loginPhone" type="number" maxlength="11" placeholder="手机号" />
<div class="autoGet">
<button class="getPhoneNumber commonBtn" id="loginCodeBtn">
获取验证码
</button>
</div>
<!--登录 -->
<button class="goBuyBtn commonBtn" id="loginIn">登录</button>
</div>
<!--获取验证码 -->
<div class="codeSection inputControl">
<input id="loginCode" type="number" maxlength="4" placeholder="短信验证码" />
</div>
<!--登录 -->
<button class="goBuyBtn commonBtn" id="loginIn">登录</button>
</div>
<div id="d" hidden></div>
<script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
<script src="./js/jquery.min.js"></script>
<script src="js/layer.js"></script>
<script src="./js/base.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
const host = window.location.host;
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
if (host == "www.ydinsurance.cn") {
hm.src =
"https://hm.baidu.com/hm.js?73a2215476525c6142927963135662e0";
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>
</div>
<div id="d" hidden></div>
<script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
<script src="./js/jquery.min.js"></script>
<script src="js/layer.js"></script>
<script src="./js/base.js"></script>
<script>
var _hmt = _hmt || [];
(function () {
const host = window.location.host;
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
if (host == "www.ydinsurance.cn") {
hm.src =
"https://hm.baidu.com/hm.js?73a2215476525c6142927963135662e0";
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>
\ No newline at end of file
consulting/js/base.js
$(function () {
// var api = 'https://' + window.location.host;
var api = 'https://m.zuihuibi.cn';
var api = 'https://mdev.zuihuibi.cn';
var gitUrlParam = window.location.search;
const shareInfo = {
shareCode: null,
......@@ -60,20 +60,20 @@ $(function () {
param.deviceType = deviceType;
//获取产品价格
var nowPrice = getGoodsPrice()
function getGoodsPrice(){
function getGoodsPrice() {
$.ajax({
type:"POST",
url:api+ '/api/voucherInfoQuery',
type: "POST",
url: api + '/api/voucherInfoQuery',
contentType: "application/json",
data:JSON.stringify({
planId:424
data: JSON.stringify({
planId: 424
}),
async: false,
headers: {
"X-Authorization": token
},
success:function(res){
if(res['data']){
success: function (res) {
if (res['data']) {
$(".nowPrice").html(res['data']['voucherSalePrice'])
$(".primeCost").html(res['data']['voucherValue'])
nowPrice = res['data']['voucherSalePrice']
......@@ -322,7 +322,7 @@ $(function () {
planId: '424',
startDate: startDate.getFullYear() + '-' + dateFormat((Number(startDate.getMonth()) + 1)) + '-' + dateFormat((Number(startDate.getDate()))),
endDate: endDate.getFullYear() + '-' + dateFormat((Number(endDate.getMonth()) + 1)) + '-' + dateFormat((Number(endDate.getDate()))),
price:nowPrice,
price: nowPrice,
holder: {
name: param.name,
mobileNo: param.phone
......
consulting1/css/style.css
......@@ -49,8 +49,10 @@ input[type="number"] {
display: -webkit-flex;
display: flex;
background: #fff;
position: relative;
position: fixed;
height: 65px;
bottom: 0;
width: 100%;
}
.footer .left {
......
consulting1/index.html
<!DOCTYPE html>
<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>
<div>
<img src="./images/bg_toutiao.png" />
</div>
<div class="footer">
<ul class="left">
<li class="kefu_Wrapper">
<a
href="http://q.url.cn/abkzV9?_type=wpa&qidian=true"
target="_blank"
>
<img class="icon" src="./images/icon.png" alt="icon" />
<div class="kefu">客服</div>
</a>
</li>
<li class="share" style="display: none;">
<img src="./images/share1.png" alt="share" />
<div>分享产品</div>
</li>
<li class="peice_wrapper">
<div class="curPrice">
<span>￥</span><span class="nowPrice"></span>
</div>
<div class="price">
原价:<span>￥</span><span class="primeCost"></span>/年
</div>
</li>
</ul>
<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>
<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>
<div>
<img style="padding-bottom: 65px;" src="./images/bg_toutiao.png" />
</div>
<div class="footer">
<ul class="left">
<li class="kefu_Wrapper">
<a href="http://q.url.cn/abkzV9?_type=wpa&qidian=true" target="_blank">
<img class="icon" src="./images/icon.png" alt="icon" />
<div class="kefu">客服</div>
</a>
</li>
<li class="share" style="display: none;">
<img src="./images/share1.png" alt="share" />
<div>分享产品</div>
</li>
<li class="peice_wrapper">
<div class="curPrice">
<span>￥</span><span class="nowPrice"></span>
</div>
<!--获取验证码 -->
<div class="codeSection inputControl">
<input
id="code"
type="number"
maxlength="4"
placeholder="短信验证码"
/>
<div class="price">
原价:<span>￥</span><span class="primeCost"></span>/年
</div>
<!--姓名 -->
<div class="codeSection inputControl">
<input id="name" type="text" placeholder="姓名" />
</li>
</ul>
<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>
<!--立即支付 -->
<button class="goBuyBtn commonBtn" id="pay">立即支付</button>
</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 class="markbox">
<div class="guideImgBox">
<img src="./images/tips.png" alt="提示" />
<div class="tipsToast">
<p>请点击右上角菜单</p>
<p>分享给朋友</p>
</div>
<div class="closeModal" bindtap="closeModalBox">X</div>
</div>
<!--分享弹框-->
<div class="markbox">
<div class="guideImgBox">
<img src="./images/tips.png" alt="提示" />
<div class="tipsToast">
<p>请点击右上角菜单</p>
<p>分享给朋友</p>
</div>
</div>
<!-- 登录弹窗-->
<div class="loginInBox">
<div class="inputBox">
<!--获取手机号 -->
<div class="mobileNoSection inputControl">
<input
id="loginPhone"
type="number"
maxlength="11"
placeholder="手机号"
/>
<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 class="loginInBox">
<div class="inputBox">
<!--获取手机号 -->
<div class="mobileNoSection inputControl">
<input id="loginPhone" type="number" maxlength="11" placeholder="手机号" />
<div class="autoGet">
<button class="getPhoneNumber commonBtn" id="loginCodeBtn">
获取验证码
</button>
</div>
<!--登录 -->
<button class="goBuyBtn commonBtn" id="loginIn">登录</button>
</div>
<!--获取验证码 -->
<div class="codeSection inputControl">
<input id="loginCode" type="number" maxlength="4" placeholder="短信验证码" />
</div>
<!--登录 -->
<button class="goBuyBtn commonBtn" id="loginIn">登录</button>
</div>
<div id="d" hidden></div>
<script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
<script src="./js/jquery.min.js"></script>
<script src="js/layer.js"></script>
<script src="./js/base.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
const host = window.location.host;
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
if (host == "www.ydinsurance.cn") {
hm.src =
"https://hm.baidu.com/hm.js?73a2215476525c6142927963135662e0";
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>
</div>
<div id="d" hidden></div>
<script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
<script src="./js/jquery.min.js"></script>
<script src="js/layer.js"></script>
<script src="./js/base.js"></script>
<script>
var _hmt = _hmt || [];
(function () {
const host = window.location.host;
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
if (host == "www.ydinsurance.cn") {
hm.src =
"https://hm.baidu.com/hm.js?73a2215476525c6142927963135662e0";
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>
\ No newline at end of file
consulting1/js/base.js
$(function () {
// var api = 'https://' + window.location.host;
var api = 'https://m.zuihuibi.cn';
var api = 'https://mdev.zuihuibi.cn';
var gitUrlParam = window.location.search;
const shareInfo = {
shareCode: null,
......@@ -59,20 +59,20 @@ $(function () {
param.deviceType = deviceType;
//获取产品价格
var nowPrice = getGoodsPrice()
function getGoodsPrice(){
function getGoodsPrice() {
$.ajax({
type:"POST",
url:api+ '/api/voucherInfoQuery',
type: "POST",
url: api + '/api/voucherInfoQuery',
contentType: "application/json",
data:JSON.stringify({
planId:424
data: JSON.stringify({
planId: 424
}),
async: false,
headers: {
"X-Authorization": token
},
success:function(res){
if(res['data']){
success: function (res) {
if (res['data']) {
$(".nowPrice").html(res['data']['voucherSalePrice'])
$(".primeCost").html(res['data']['voucherValue'])
nowPrice = res['data']['voucherSalePrice']
......@@ -81,7 +81,7 @@ $(function () {
})
return nowPrice
}
$(".right").click(function () {
$("#phone").val('')
$("#code").val('')
......
questionnaire/src/app/age/age.component.html
......@@ -12,26 +12,24 @@
</ul>
</div>
<div class="addChild" (click)="addChild()" *ngIf="!(type==1||type==2)"
[ngClass]="{'disabled':totalChildLimitCount<=0}">
[ngClass]="{'disabled':totalChildLimitCount<=0}">
<div class="icon">+</div>
<div data-toggle="modal">增加孩子年龄</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 class="toastWrapper toast" *ngIf="isShow" (click)="closeToast()">
</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 class="toastWrapper toast" *ngIf="isShow" (click)="closeToast()">
</div>
</div>
<div class="toastContent" *ngIf="isShow">
<ul>
<li
*ngFor="let options of curQues.options"
[ngClass]="{ selected: options['selected']}"
<li *ngFor="let options of curQues.options" [ngClass]="{ selected: options['selected']}"
(click)="selectedAge(options);">
{{ options.optionName }}
</li>
</ul>
<!--<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 @@
{{ this.curPageData?.questions[0]['questionName'] }}
</div>
<ul class="jobContent">
<li
class="selected"
*ngFor="let options of this.curPageData?.questions[0]['options']"
<li class="selected" *ngFor="let options of this.curPageData?.questions[0]['options']"
[ngClass]="{ selected: options['selected'] == true }" (click)="selectedHealth(options,false)">
{{ options.optionName }}
</li>
</ul>
</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 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 @@
{{ this.curPageData?.pageName }}
</div>
<ul class="jobContent">
<li
*ngFor="let options of this.options"
[ngClass]="{ selected: options['selected'] == true }"
(click)="checkFun(options,false)"
>
<li *ngFor="let options of this.options" [ngClass]="{ selected: options['selected'] == true }"
(click)="checkFun(options,false)">
{{ options.optionName }}
</li>
</ul>
</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 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="layout">
<div class="content">
<div class="content healthContent" style="min-height: 300px;">
<div class="questionTitle">
{{ this.curPageData?.questions[0]['questionName'] }}
</div>
<ul class="jobContent">
<li *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 }}
</li>
</ul>
</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 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 @@
<div class="layout">
<div class="content">
<div class="twoContent">
<div class="questionTitle">
{{ this.curPageData?.questions[0]['questionName'] }}
</div>
<ul class="income">
<li
[ngClass]="{ selected: options['selected'] }"
*ngFor="let options of this.curPageData?.questions[0].options"
(click)="selectedIncome(this.curPageData?.questions[0],options)"
>
{{ options.optionName }}
</li>
</ul>
<div class="questionTitle" *ngIf="this.type == 2 || this.type == 4">
{{ this.curPageData?.questions[1]['questionName']}}
</div>
<ul class="income" *ngIf="this.type == 2 || this.type == 4">
<li
[ngClass]="{ selected: options['selected']}"
*ngFor="let options of this.curPageData?.questions[1]['options']"
(click)="selectedIncome(this.curPageData?.questions[1],options)"
>
{{ options.optionName }}
</li>
</ul>
<div class="questionTitle">
{{ this.curPageData?.questions[0]['questionName'] }}
</div>
<ul class="income">
<li [ngClass]="{ selected: options['selected'] }"
*ngFor="let options of this.curPageData?.questions[0].options"
(click)="selectedIncome(this.curPageData?.questions[0],options)">
{{ options.optionName }}
</li>
</ul>
<div class="questionTitle" *ngIf="this.type == 2 || this.type == 4">
{{ this.curPageData?.questions[1]['questionName']}}
</div>
<ul class="income" *ngIf="this.type == 2 || this.type == 4">
<li [ngClass]="{ selected: options['selected']}"
*ngFor="let options of this.curPageData?.questions[1]['options']"
(click)="selectedIncome(this.curPageData?.questions[1],options)">
{{ options.optionName }}
</li>
</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 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 @@
{{ this.curPageData?.questions[0]['questionName'] }}
</div>
<ul class="cityContent">
<li
*ngFor="let provinces of this.provinceList"
[ngClass]="{ selected: provinces['selected'] == true }"
(click)="showToast(); selectProvince(provinces)"
>
<li *ngFor="let provinces of this.provinceList" [ngClass]="{ selected: provinces['selected'] == true }"
(click)="showToast(); selectProvince(provinces)">
{{ provinces.provinceAbbr }}
</li>
</ul>
......@@ -17,11 +14,10 @@
{{ this.strAddress }}
</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 class="content_footer">
<div style="color: #8a8a8a;" (click)="before()">&lt;</div>
<div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div>
</div>
<div class="toastWrapper toast" *ngIf="isShow" (click)="closeToast();">
......@@ -32,10 +28,7 @@
<span>{{ this.provinceName }}</span>
</div>
<ul class="city">
<li
*ngFor="let city of this.cityList"
(click)="closeToast(); selectCity(city);"
>
<li *ngFor="let city of this.cityList" (click)="closeToast(); selectCity(city);">
{{ city.cityName }}
</li>
</ul>
......
questionnaire/src/app/loan/loan.component.html
......@@ -5,11 +5,9 @@
{{ this.curPageData?.questions[0]['questionName'] }}
</div>
<ul class="income">
<li
[ngClass]="{ selected: options['selected'] == true }"
<li [ngClass]="{ selected: options['selected'] == true }"
*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 }}
</li>
</ul>
......@@ -17,20 +15,16 @@
{{ this.curPageData?.questions[1]['questionName'] }}
</div>
<ul class="income">
<li
[ngClass]="{ selected: options['selected'] == true }"
<li [ngClass]="{ selected: options['selected'] == true }"
*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 }}
</li>
</ul>
</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 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 @@
{{ this.curPageData?.pageName }}
</div>
<ul class="jobContent">
<li
*ngFor="let options of this.options"
[ngClass]="{ selected: options['selected'] == true }"
(click)="checkFun(options,false)"
>
<li *ngFor="let options of this.options" [ngClass]="{ selected: options['selected'] == true }"
(click)="checkFun(options,false)">
{{ options.optionName }}
</li>
</ul>
</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 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 @@
{{ this.curPageData?.questions[0]['questionName'] }}
</div>
<ul class="jobContent">
<li
[ngClass]="{ selected: options['selected'] == true }"
<li [ngClass]="{ selected: options['selected'] == true }"
*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 }}
</li>
</ul>
......@@ -17,20 +15,16 @@
{{ this.curPageData?.questions[1]['questionName'] }}
</div>
<ul class="jobContent" *ngIf="this.type == 2 || this.type == 4">
<li
[ngClass]="{ selected: options['selected'] == true }"
<li [ngClass]="{ selected: options['selected'] == true }"
*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 }}
</li>
</ul>
</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 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="title">
<img src="assets/images/bg_1.png" />
</div>
<div class="tips">
<span style="color:red;">*</span>
<span>本测试大约需要1分钟</span>
<span>本问卷大约需要1分钟</span>
</div>
<div class="footer" routerLink="/family">
<div>获取家庭分析报告</div>
<div>进入</div>
</div>
</div>
</div>
\ No newline at end of file
questionnaire/src/app/transit3/transit3.component.css
......@@ -4,6 +4,8 @@
justify-content: center;
align-items: center;
letter-spacing: 2px;
position: relative;
top: -100px;
}
.ydCodeContainer > img {
......
questionnaire/src/app/transit3/transit3.component.html
<div class="limbo">
<div class="title">
<img src="assets/images/bg_17.png"/>
<img src="assets/images/bg_17.png" />
</div>
<div class="ydCodeContainer">
<img src="assets/images/yd.jpg" alt="银盾在线">
<p>请关注我们的公众号查询你的方案</p>
<img style="width: 30%;" src="assets/images/yd.jpg" alt="银盾在线">
<p style="font-size:18px;">请关注我们的公众号查询你的方案</p>
</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>
</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 {
justify-content: center;
align-items: center;
font-size: 20px;
padding: 20px 0;
padding: 15px 0;
width: 90%;
margin: 0 auto;
margin: 0 auto 5% auto;
background: #ec2d37;
color: #fff;
border-radius: 10px;
......@@ -74,12 +74,42 @@ ol li {
padding:10px 0;
} */
.content {
/* max-height: 525px; */
overflow: auto;
padding-bottom:60px;
padding-right: 5px;
-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{
margin:0 10px;
} */
......@@ -111,8 +141,8 @@ ol li {
width: 100%;
position: fixed;
bottom: 0;
background-color: #fff;
padding-bottom: 15px;
background-color: #f6f6f6;
/* padding-bottom: 15px; */
}
.content_footer div {
......@@ -219,6 +249,7 @@ ol li {
-moz-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);
font-size: 18px;
}
.cityContent li:nth-child(7),
......@@ -326,11 +357,11 @@ ol li {
height: 35px;
line-height: 35px;
}
.address {
width: 80%;
margin: 15% auto;
text-align: center;
font-size: 18px;
}
#errTips {
......@@ -350,6 +381,9 @@ ol li {
animation: slowUp .5s ease both;
}
.limbo{
position: relative;
}
@keyframes slowUp {
0% {
-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