Skip to content

A
allCampaign
Commit 448d231c by Chao Sun
Options

颜色修改

parent 199c5423
Showing with 125 additions and 71 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;
padding: 0;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
html, body {
html,
body {
position: relative; position: relative;
height:100%; height: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, 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{
img {
max-width: 100%; max-width: 100%;
} }
ul li,ol li{
ul li,
ol li {
list-style: none; list-style: none;
} }
.container{
.container {
padding: 0; padding: 0;
height: 100%; height: 100%;
} }
.title{
.title {
text-align: center; text-align: center;
} }
.wrapper{
.wrapper {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.layout{
.layout {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding:0 10px; padding: 0 10px;
height:100%; height: 100%;
} }
.layout.wrapper{
padding:0; .layout.wrapper {
padding: 0;
} }
.tips{
.tips {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding:20px 0px; padding: 20px 0px;
} }
.footer{
.footer {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
...@@ -56,46 +69,53 @@ ul li,ol li{ ...@@ -56,46 +69,53 @@ ul li,ol li{
border-radius: 10px; border-radius: 10px;
box-shadow: 0px 15px 16px -8px #f4bbbe; 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{
.questionTitle.hospitalTitle {
line-height: unset; line-height: unset;
margin: 25px auto 15px auto; margin: 25px auto 15px auto;
} }
.questionTitle.smokeTitle{
.questionTitle.smokeTitle {
line-height: unset; line-height: unset;
margin: 25px auto 55px auto; margin: 25px auto 55px auto;
} }
.content_footer{
.content_footer {
display: flex; display: flex;
width: 100%; width: 100%;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
background-color: #fff; background-color: #fff;
padding-bottom:15px; padding-bottom: 15px;
} }
.content_footer div{
.content_footer div {
text-align: center; text-align: center;
color: #ec2d37; color: #ec2d37;
font-size: 20px; font-size: 20px;
...@@ -103,25 +123,35 @@ ul li,ol li{ ...@@ -103,25 +123,35 @@ ul li,ol li{
line-height: 60px; line-height: 60px;
font-weight: bold; font-weight: bold;
} }
.content_footer div.next{
.content_footer div.next {
color: #8a8a8a; color: #8a8a8a;
} }
.content_footer div:nth-child(1){
.content_footer div:nth-child(1) {
font-size: 20px; font-size: 20px;
width: 10%; width: 10%;
} }
.content_footer div:nth-child(2){
.content_footer div:nth-child(2) {
font-weight: 500; font-weight: 500;
width: 50%; width: 50%;
margin-left:15%; margin-left: 15%;
} }
.twoContent{
.twoContent {
height: 100%; height: 100%;
} }
.jobContent,.income,.cityContent{
.jobContent,
.income,
.cityContent {
width: 100%; width: 100%;
} }
.jobContent li,.income li,.cityContent li{
.jobContent li,
.income li,
.cityContent li {
width: 100%; width: 100%;
height: 55px; height: 55px;
line-height: 55px; line-height: 55px;
...@@ -131,57 +161,71 @@ ul li,ol li{ ...@@ -131,57 +161,71 @@ ul li,ol li{
box-sizing: border-box; box-sizing: border-box;
padding-left: 5%; padding-left: 5%;
} }
.jobContent li.selected,.income li.selected{
.jobContent li.selected,
.income li.selected {
border: 2px #ff0000 solid; border: 2px #ff0000 solid;
} }
.cityContent{
.cityContent {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 10%; margin-top: 10%;
margin-bottom: 0px; margin-bottom: 0px;
} }
.income{ .income {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 0; margin-bottom: 0;
} }
.income li{
.income li {
width: 49%; width: 49%;
float: left; float: left;
margin-right: 2%; margin-right: 2%;
text-align: center; text-align: center;
padding-left: 0; padding-left: 0;
} }
.income li:nth-child(2),.income li:nth-child(4),.income li:nth-child(6){
.income li:nth-child(2),
.income li:nth-child(4),
.income li:nth-child(6) {
margin-right: 0; margin-right: 0;
} }
.cityContent li{
width:12%; .cityContent li {
width: 12%;
height: 46px; height: 46px;
line-height: 46px; line-height: 46px;
text-align: center; text-align: center;
padding-left: 0; padding-left: 0;
margin-left: 1%; margin-left: 1%;
margin-right: 1%; margin-right: 1%;
border:none; border: none;
-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);
} }
.cityContent li:nth-child(7),.cityContent li:nth-child(14),.cityContent li:nth-child(21),.cityContent li:nth-child(28){
.cityContent li:nth-child(7),
.cityContent li:nth-child(14),
.cityContent li:nth-child(21),
.cityContent li:nth-child(28) {
margin-right: 0; margin-right: 0;
} }
.cityContent li.selected{
background: rgba(148,209, 204) .cityContent li.selected {
background: #94D1CC;
} }
.toastWrapper{
.toastWrapper {
height: 100%; height: 100%;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
top: 0; top: 0;
} }
.toast{ .toast {
position: fixed; position: fixed;
left: 0; left: 0;
right: 0; right: 0;
...@@ -192,7 +236,7 @@ ul li,ol li{ ...@@ -192,7 +236,7 @@ ul li,ol li{
z-index: 1; z-index: 1;
} }
.toastContent{ .toastContent {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
...@@ -201,11 +245,13 @@ ul li,ol li{ ...@@ -201,11 +245,13 @@ ul li,ol li{
z-index: 20; z-index: 20;
animation: slowUp .5s ease both; animation: slowUp .5s ease both;
} }
.toastContent.city{
.toastContent.city {
margin: 0; margin: 0;
height: 60%; height: 60%;
} }
.toastContent .live{
.toastContent .live {
display: flex; display: flex;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
...@@ -214,24 +260,28 @@ ul li,ol li{ ...@@ -214,24 +260,28 @@ ul li,ol li{
border-bottom: 1px rgb(220, 220, 220) solid; border-bottom: 1px rgb(220, 220, 220) solid;
font-size: 16px; font-size: 16px;
} }
.toastContent .province{
.toastContent .province {
display: flex; display: flex;
height: 40px; height: 40px;
line-height:40px; line-height: 40px;
} }
.toastContent .province span{
.toastContent .province span {
width: 45%; width: 45%;
font-size:16px; font-size: 16px;
text-align: center; 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{
.toastContent ul li {
width: 46%; width: 46%;
float: left; float: left;
text-align: center; text-align: center;
...@@ -242,30 +292,35 @@ ul li,ol li{ ...@@ -242,30 +292,35 @@ ul li,ol li{
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
} }
.toastContent ul li.selected{
.toastContent ul li.selected {
border: 1px #ff0000 solid; 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{
.toastContent ul.city li {
width: 100%; width: 100%;
border:none; border: none;
border-bottom: 1px rgb(220, 220, 220) solid; border-bottom: 1px rgb(220, 220, 220) solid;
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
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;
} }
#errTips{
#errTips {
width: 60%; width: 60%;
height: 60px; height: 60px;
position: fixed; position: fixed;
...@@ -292,4 +347,4 @@ ul li,ol li{ ...@@ -292,4 +347,4 @@ ul li,ol li{
-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