Skip to content

A
allCampaign
Commit 448d231c by Chao Sun
Options

颜色修改

parent 199c5423
Showing with 333 additions and 279 deletions
consulting/js/base.js
$(function () { $(function () {
// var api = 'https://' + window.location.host; // var api = 'https://' + window.location.host;
var api = 'https://mdev.zuihuibi.cn'; var api = 'https://m.zuihuibi.cn';
var gitUrlParam = window.location.search; var gitUrlParam = window.location.search;
const param = { const param = {
phone: '', phone: '',
......
consulting1/js/base.js
$(function () { $(function () {
// var api = 'https://' + window.location.host; // var api = 'https://' + window.location.host;
var api = 'https://mdev.zuihuibi.cn'; var api = 'https://m.zuihuibi.cn';
var gitUrlParam = window.location.search; var gitUrlParam = window.location.search;
const param = { const param = {
phone: '', phone: '',
......
questionnaire/src/styles.css
/* You can add global styles to this file, and also import other style files */ /* You can add global styles to this file, and also import other style files */
*{ * {
margin: 0;padding:0; margin: 0;
-webkit-box-sizing: border-box; padding: 0;
box-sizing: border-box; -webkit-box-sizing: border-box;
} box-sizing: border-box;
html, body { }
position: relative;
height:100%; html,
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, body {
position: relative;
height: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
/* overflow: hidden; */ /* overflow: hidden; */
} }
img{
max-width: 100%; img {
} max-width: 100%;
ul li,ol li{ }
list-style: none;
} ul li,
.container{ ol li {
padding: 0; list-style: none;
height: 100%; }
}
.title{ .container {
text-align: center; padding: 0;
} height: 100%;
.wrapper{ }
display: flex;
flex-direction: column; .title {
} text-align: center;
.layout{ }
display: flex;
flex-direction: column; .wrapper {
padding:0 10px; display: flex;
height:100%; flex-direction: column;
} }
.layout.wrapper{
padding:0; .layout {
} display: flex;
.tips{ flex-direction: column;
display: flex; padding: 0 10px;
justify-content: center; height: 100%;
align-items: center;
padding:20px 0px;
}
.footer{
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
padding: 20px 0;
width: 90%;
margin: 0 auto;
background: #ec2d37;
color: #fff;
border-radius: 10px;
box-shadow: 0px 15px 16px -8px #f4bbbe;
} }
.layout.wrapper {
padding: 0;
}
.tips {
display: flex;
justify-content: center;
align-items: center;
padding: 20px 0px;
}
.footer {
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
padding: 20px 0;
width: 90%;
margin: 0 auto;
background: #ec2d37;
color: #fff;
border-radius: 10px;
box-shadow: 0px 15px 16px -8px #f4bbbe;
}
/* .layout.cityLayout{ /* .layout.cityLayout{
padding:10px 0; padding:10px 0;
} */ } */
.content{ .content {
/* max-height: 525px; */ /* max-height: 525px; */
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
padding-bottom: 75px; padding-bottom: 75px;
} }
/* .layout.cityLayout .questionTitle{ /* .layout.cityLayout .questionTitle{
margin:0 10px; margin:0 10px;
} */ } */
.questionTitle{ .questionTitle {
color:#ec2d37; color: #ec2d37;
font-size: 22px; font-size: 22px;
height: 60px; height: 60px;
line-height: 60px; line-height: 60px;
width: 100%; width: 100%;
display: flex; display: flex;
} }
.questionTitle span{
color: rgba(3,177, 153) .questionTitle span {
} color: rgba(3, 177, 153)
.questionTitle.hospitalTitle{ }
line-height: unset;
margin: 25px auto 15px auto; .questionTitle.hospitalTitle {
} line-height: unset;
.questionTitle.smokeTitle{ margin: 25px auto 15px auto;
line-height: unset; }
margin: 25px auto 55px auto;
} .questionTitle.smokeTitle {
.content_footer{ line-height: unset;
display: flex; margin: 25px auto 55px auto;
width: 100%; }
position: fixed;
bottom: 0; .content_footer {
background-color: #fff; display: flex;
padding-bottom:15px; width: 100%;
} position: fixed;
.content_footer div{ bottom: 0;
text-align: center; background-color: #fff;
color: #ec2d37; padding-bottom: 15px;
font-size: 20px; }
height: 60px;
line-height: 60px; .content_footer div {
font-weight: bold; text-align: center;
} color: #ec2d37;
.content_footer div.next{ font-size: 20px;
color: #8a8a8a; height: 60px;
} line-height: 60px;
.content_footer div:nth-child(1){ font-weight: bold;
font-size: 20px; }
width: 10%;
} .content_footer div.next {
.content_footer div:nth-child(2){ color: #8a8a8a;
font-weight: 500; }
width: 50%;
margin-left:15%; .content_footer div:nth-child(1) {
} font-size: 20px;
.twoContent{ width: 10%;
height: 100%; }
}
.jobContent,.income,.cityContent{ .content_footer div:nth-child(2) {
width: 100%; font-weight: 500;
} width: 50%;
.jobContent li,.income li,.cityContent li{ margin-left: 15%;
width: 100%; }
height: 55px;
line-height: 55px; .twoContent {
border: 1px #8a8a8a solid; height: 100%;
margin-bottom: 15px; }
border-radius: 4px;
box-sizing: border-box; .jobContent,
padding-left: 5%; .income,
} .cityContent {
.jobContent li.selected,.income li.selected{ width: 100%;
border: 2px #ff0000 solid; }
}
.cityContent{ .jobContent li,
display: flex; .income li,
flex-wrap: wrap; .cityContent li {
margin-top: 10%; width: 100%;
margin-bottom: 0px; height: 55px;
} line-height: 55px;
border: 1px #8a8a8a solid;
.income{ margin-bottom: 15px;
display: flex; border-radius: 4px;
flex-wrap: wrap; box-sizing: border-box;
margin-bottom: 0; padding-left: 5%;
}
.income li{
width: 49%;
float: left;
margin-right: 2%;
text-align: center;
padding-left: 0;
}
.income li:nth-child(2),.income li:nth-child(4),.income li:nth-child(6){
margin-right: 0;
}
.cityContent li{
width:12%;
height: 46px;
line-height: 46px;
text-align: center;
padding-left: 0;
margin-left: 1%;
margin-right: 1%;
border:none;
-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);
}
.cityContent li:nth-child(7),.cityContent li:nth-child(14),.cityContent li:nth-child(21),.cityContent li:nth-child(28){
margin-right: 0;
}
.cityContent li.selected{
background: rgba(148,209, 204)
}
.toastWrapper{
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
}
.toast{
position: fixed;
left: 0;
right: 0;
min-width: 320px;
max-width: 640px;
width: 100%;
margin: 0 auto;
z-index: 1;
}
.toastContent{
position: fixed;
bottom: 0;
width: 100%;
height: 45%;
background-color: #fff;
z-index: 20;
animation: slowUp .5s ease both;
}
.toastContent.city{
margin: 0;
height: 60%;
}
.toastContent .live{
display: flex;
height: 40px;
line-height: 40px;
text-align: center;
justify-content: center;
border-bottom: 1px rgb(220, 220, 220) solid;
font-size: 16px;
}
.toastContent .province{
display: flex;
height: 40px;
line-height:40px;
}
.toastContent .province span{
width: 45%;
font-size:16px;
text-align: center;
} }
.jobContent li.selected,
.income li.selected {
border: 2px #ff0000 solid;
}
.cityContent {
display: flex;
flex-wrap: wrap;
margin-top: 10%;
margin-bottom: 0px;
}
.income {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
}
.income li {
width: 49%;
float: left;
margin-right: 2%;
text-align: center;
padding-left: 0;
}
.income li:nth-child(2),
.income li:nth-child(4),
.income li:nth-child(6) {
margin-right: 0;
}
.cityContent li {
width: 12%;
height: 46px;
line-height: 46px;
text-align: center;
padding-left: 0;
margin-left: 1%;
margin-right: 1%;
border: none;
-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);
}
.cityContent li:nth-child(7),
.cityContent li:nth-child(14),
.cityContent li:nth-child(21),
.cityContent li:nth-child(28) {
margin-right: 0;
}
.cityContent li.selected {
background: #94D1CC;
}
.toastWrapper {
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
}
.toast {
position: fixed;
left: 0;
right: 0;
min-width: 320px;
max-width: 640px;
width: 100%;
margin: 0 auto;
z-index: 1;
}
.toastContent {
position: fixed;
bottom: 0;
width: 100%;
height: 45%;
background-color: #fff;
z-index: 20;
animation: slowUp .5s ease both;
}
.toastContent.city {
margin: 0;
height: 60%;
}
.toastContent .live {
display: flex;
height: 40px;
line-height: 40px;
text-align: center;
justify-content: center;
border-bottom: 1px rgb(220, 220, 220) solid;
font-size: 16px;
}
.toastContent .province {
display: flex;
height: 40px;
line-height: 40px;
}
.toastContent .province span {
width: 45%;
font-size: 16px;
text-align: center;
}
/* .toastContent .province span.selected{ /* .toastContent .province span.selected{
border-bottom:2px solid #ff0000; border-bottom:2px solid #ff0000;
} */ } */
.toastContent ul{ .toastContent ul {
width: 100%; width: 100%;
margin: 5% 0%; margin: 5% 0%;
} }
.toastContent ul li{
width: 46%; .toastContent ul li {
float: left; width: 46%;
text-align: center; float: left;
margin: 2%; text-align: center;
border: 1px #8a8a8a solid; margin: 2%;
border-radius: 4px; border: 1px #8a8a8a solid;
box-sizing: border-box; border-radius: 4px;
height: 40px; box-sizing: border-box;
line-height: 40px; height: 40px;
} line-height: 40px;
.toastContent ul li.selected{
border: 1px #ff0000 solid;
} }
.toastContent ul li.selected {
border: 1px #ff0000 solid;
}
.toastContent ul.city { .toastContent ul.city {
margin: 0; margin: 0;
overflow: scroll; overflow: scroll;
max-height: 250px; max-height: 250px;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
.toastContent ul.city li{
width: 100%; .toastContent ul.city li {
border:none; width: 100%;
border-bottom: 1px rgb(220, 220, 220) solid; border: none;
border-radius: 0; border-bottom: 1px rgb(220, 220, 220) solid;
margin: 0; border-radius: 0;
height:35px; margin: 0;
line-height:35px; height: 35px;
} line-height: 35px;
.address{ }
width: 80%;
margin:15% auto; .address {
text-align: center; width: 80%;
} margin: 15% auto;
#errTips{ text-align: center;
width: 60%; }
height: 60px;
position: fixed; #errTips {
background-color: rgba(0, 0, 0, 0.7); width: 60%;
top: 45%; height: 60px;
right: 0; position: fixed;
bottom: 0; background-color: rgba(0, 0, 0, 0.7);
left: 0; top: 45%;
margin: 0 auto; right: 0;
border-radius: 10px; bottom: 0;
color: #fff; left: 0;
text-align: center; margin: 0 auto;
line-height: 60px; border-radius: 10px;
animation: slowUp .5s ease both; color: #fff;
text-align: center;
line-height: 60px;
animation: slowUp .5s ease both;
} }
@keyframes slowUp { @keyframes slowUp {
0% { 0% {
-webkit-transform: translateY(100%); -webkit-transform: translateY(100%);
transform: translateY(100%) transform: translateY(100%)
} }
100% { 100% {
-webkit-transform: translateY(0); -webkit-transform: translateY(0);
transform: translateY(0) transform: translateY(0)
} }
} }
\ 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