Skip to content

S
SURPRISED
Commit 0e405a66 authored by youjie's avatar youjie
Browse files
Options

no message

parent 5d42ec06
Hide whitespace changes
Inline Side-by-side
Showing with 542 additions and 537 deletions
html/ImpressionOpinionSurvey/MobileVerification.html
View file @ 0e405a66
......@@ -11,6 +11,29 @@
<link rel="stylesheet" href="../../css/cssReset.css">
<link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
<title>手机号验证</title>
<style>
.MobileVerification-box{
display: flex;
align-items: center;
justify-content: center;
}
.MobileVerification{
width:90%;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 20px 0 10px 0;
border-bottom: 1px solid #D3D3D3;
}
.MobileVerification button{
border: 0;
background-color: #5A99FF;
border-radius: 3px;
padding: 2px 10px;
color: #fff;
}
</style>
</head>
<body>
......@@ -40,28 +63,6 @@
}
</script>
</body>
<style>
.MobileVerification-box{
display: flex;
align-items: center;
justify-content: center;
}
.MobileVerification{
width:90%;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 20px 0 10px 0;
border-bottom: 1px solid #D3D3D3;
}
.MobileVerification button{
border: 0;
background-color: #5A99FF;
border-radius: 3px;
padding: 2px 10px;
color: #fff;
}
</style>
</html>
\ No newline at end of file
html/ImpressionOpinionSurvey/busSign.html
View file @ 0e405a66
......@@ -12,6 +12,265 @@
<link rel="stylesheet" href="../../css/cssReset.css">
<link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
<title>司机满意度调查</title>
<style>
.BackBox {
position: fixed;
left: 0px;
top: 0px;
right: 0;
background: #fff;
padding: 20px 20px 10px 20px;
z-index: 2;
}
.BackImg {
width: 10px;
}
.FillincommentsF {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
overflow-y: auto;
}
.FillincommentsBox {
width: 90%;
height: 100%;
display: flex;
flex-direction: column;
}
.FillincommentsBox H3 {
margin-top: 20px;
}
.FillincommentsIn {
background: #F6F6F6;
border-radius: 5px;
padding: 10px;
margin-top: 10px;
}
.FillincommentsInLD {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.FillincommentsInLD div {
flex: 1;
flex-shrink: 0;
}
.FillincommentsInT {
padding-top: 5px;
}
.FillincommentsMarkB {
display: flex;
flex-direction: column;
flex: 1;
/* overflow: hidden;
overflow-y: auto; */
padding-bottom: 20px;
}
.FillincommentsMark {
display: flex;
flex-direction: column;
margin-top: 15px;
}
.FillincommentsMarkT {
display: flex;
flex-direction: row;
font-size: 15px;
font-weight: 500;
}
.FillincommentsMarks {
font-size: 14px;
font-weight: 500;
margin-top: 5px;
display: flex;
flex-direction: row;
}
.FillincommentsMarks span {
position: relative;
top: 3px;
}
.text {
width: 50px;
flex-shrink: 0;
}
.manyidu {
width: auto;
flex-shrink: 0;
margin-left: 10px;
}
.submitBForm {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 15px;
}
.submitB {
width: 90%;
border: 0;
height: 40px;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 5px;
background-color: #EE4554;
color: #fff;
}
.submitB.active {
background-color: rgba(238, 69, 84, .5);
}
.pinfen img {
width: 20px;
height: 20px;
display: inline-block;
}
.FillincommentsSingle {
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
margin-top: 5px;
}
.FillincommentsSingle span {
position: relative;
top: 1px;
left: 5px;
}
.FillincommentsSingle div {
width: 100%;
display: flex;
flex-direction: row;
align-items: self-start;
justify-content: start;
flex-wrap: nowrap;
margin-right: 20px;
margin-bottom: 5px;
}
.FillincommentsMultiple {
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
margin-top: 5px;
}
.FillincommentsMultiple span {
position: relative;
top: 0px;
left: 5px;
}
.FillincommentsMultiple div {
width: 100%;
display: flex;
flex-direction: row;
align-items: self-start;
justify-content: start;
flex-wrap: nowrap;
margin-right: 20px;
margin-bottom: 5px;
}
.FillincommentsDescription {
margin-top: 10px;
background: #F6F6F6;
}
.FillincommentsDescription textarea {
width: 100%;
/* height: 150px; */
padding: 5px 10px;
background: #F6F6F6;
border: 1px solid #F6F6F6;
}
.FillincommentsDescription textarea:focus {
border: 1px solid #76c9fa;
/* 当textarea获取焦点时的边框色 */
outline: none;
}
.subscript,
.ganxiecydc {
text-indent: 2em;
line-height: 1.5;
}
.headerTitle {
text-align: center;
}
.uploadProof{
margin-top: 20px;
}
.FillincommentsImgF{
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 10px;
}
.FillincommentsImg{
flex: 0 0 76px;
height: 76px;
border: 1px solid #eee;
margin-right: 8px;
position: relative;
margin-bottom: 20px;
border-radius: 5px;
}
.FillincommentsImg img{
width: 100%;
height: 100%;
display: block;
border-radius: 5px;
}
.delimg{
width: 22px;
height: 22px;
border-radius: 50%;
position: absolute;
right: -8px;
top: -12px;
background: url('../../images/del.png')no-repeat;
background-size: 22px 22px;
z-index: 2;
}
.FillincommentsAdd{
width: 80px;
height: 80px;
overflow: hidden;
border: 1px solid #eee;
margin-right: 10px;
background: url('../../images/addImg.png')no-repeat center;
background-size: 20px 20px;
margin-bottom: 10px;
border-radius: 5px;
}
.FillincommentsAdd input{
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class="FillincommentsF">
......@@ -432,264 +691,6 @@
}
</script>
</body>
<style>
.BackBox {
position: fixed;
left: 0px;
top: 0px;
right: 0;
background: #fff;
padding: 20px 20px 10px 20px;
z-index: 2;
}
.BackImg {
width: 10px;
}
.FillincommentsF {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
overflow-y: auto;
}
.FillincommentsBox {
width: 90%;
height: 100%;
display: flex;
flex-direction: column;
}
.FillincommentsBox H3 {
margin-top: 20px;
}
.FillincommentsIn {
background: #F6F6F6;
border-radius: 5px;
padding: 10px;
margin-top: 10px;
}
.FillincommentsInLD {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.FillincommentsInLD div {
flex: 1;
flex-shrink: 0;
}
.FillincommentsInT {
padding-top: 5px;
}
.FillincommentsMarkB {
display: flex;
flex-direction: column;
flex: 1;
/* overflow: hidden;
overflow-y: auto; */
padding-bottom: 20px;
}
.FillincommentsMark {
display: flex;
flex-direction: column;
margin-top: 15px;
}
.FillincommentsMarkT {
display: flex;
flex-direction: row;
font-size: 15px;
font-weight: 500;
}
.FillincommentsMarks {
font-size: 14px;
font-weight: 500;
margin-top: 5px;
display: flex;
flex-direction: row;
}
.FillincommentsMarks span {
position: relative;
top: 3px;
}
.text {
width: 50px;
flex-shrink: 0;
}
.manyidu {
width: auto;
flex-shrink: 0;
margin-left: 10px;
}
.submitBForm {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 15px;
}
.submitB {
width: 90%;
border: 0;
height: 40px;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 5px;
background-color: #EE4554;
color: #fff;
}
.submitB.active {
background-color: rgba(238, 69, 84, .5);
}
.pinfen img {
width: 20px;
height: 20px;
display: inline-block;
}
.FillincommentsSingle {
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
margin-top: 5px;
}
.FillincommentsSingle span {
position: relative;
top: 1px;
left: 5px;
}
.FillincommentsSingle div {
width: 100%;
display: flex;
flex-direction: row;
align-items: self-start;
justify-content: start;
flex-wrap: nowrap;
margin-right: 20px;
margin-bottom: 5px;
}
.FillincommentsMultiple {
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
margin-top: 5px;
}
.FillincommentsMultiple span {
position: relative;
top: 0px;
left: 5px;
}
.FillincommentsMultiple div {
width: 100%;
display: flex;
flex-direction: row;
align-items: self-start;
justify-content: start;
flex-wrap: nowrap;
margin-right: 20px;
margin-bottom: 5px;
}
.FillincommentsDescription {
margin-top: 10px;
background: #F6F6F6;
}
.FillincommentsDescription textarea {
width: 100%;
/* height: 150px; */
padding: 5px 10px;
background: #F6F6F6;
border: 1px solid #F6F6F6;
}
.FillincommentsDescription textarea:focus {
border: 1px solid #76c9fa;
/* 当textarea获取焦点时的边框色 */
outline: none;
}
.subscript,
.ganxiecydc {
text-indent: 2em;
line-height: 1.5;
}
.headerTitle {
text-align: center;
}
.uploadProof{
margin-top: 20px;
}
.FillincommentsImgF{
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 10px;
}
.FillincommentsImg{
flex: 0 0 76px;
height: 76px;
border: 1px solid #eee;
margin-right: 8px;
position: relative;
margin-bottom: 20px;
border-radius: 5px;
}
.FillincommentsImg img{
width: 100%;
height: 100%;
display: block;
border-radius: 5px;
}
.delimg{
width: 22px;
height: 22px;
border-radius: 50%;
position: absolute;
right: -8px;
top: -12px;
background: url('../../images/del.png')no-repeat;
background-size: 22px 22px;
z-index: 2;
}
.FillincommentsAdd{
width: 80px;
height: 80px;
overflow: hidden;
border: 1px solid #eee;
margin-right: 10px;
background: url('../../images/addImg.png')no-repeat center;
background-size: 20px 20px;
margin-bottom: 10px;
border-radius: 5px;
}
.FillincommentsAdd input{
width: 100%;
height: 100%;
}
</style>
</html>
html/ImpressionOpinionSurvey/opinionSurvey.html
View file @ 0e405a66
......@@ -12,6 +12,188 @@
<link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
<link rel="stylesheet" href="../../css/flex.css">
<title></title>
<style>
.opiSurBody{
position: relative;
left: 0;
right: 0;
bottom: 0;
/* background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638784094475156580.png')no-repeat 0 0 #9CD2F8;
background-size: 100% auto; */
background:#9CD2F8;
height: 100vh;
width: 100vw;
overflow: auto;
}
.opiSurCenter{
}
.BackBox {
/* position: fixed;
left: 0;
top: 0;
right: 0; */
/* background: #fff; */
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 2;
padding: 20px 20px 10px 20px;
}
.BackImg {
width: 10px;
}
.BackTitle{
height: 50px;
/* position: fixed;
top: 20px;
left: 0;
right: 0; */
position: absolute;
left: 0;
right: 0;
top: 20px;
z-index: 2;
text-align: center;
font-size: 16px;
}
.TeamPeriodBox{
position: relative;
}
.TeamPeriodC{
position: absolute;
left: 0;
right: 0;
top: 20px;
z-index: 2;
padding: 0 16.13vw;
}
.TeamPeriod{
text-align: center;
margin-top: 0;
}
.TeamPeriod p{
padding: 0 24px;
display: inline-block;
height: 30px;
background: #0039B8;
border-radius: 15px;
font-weight: bold;
font-size: 16px;
color: #FFFFFF;
line-height: 30px;
}
.LeaInfCenter{
width: 260px;
/* padding: 0 64px; */
margin: auto;
margin-top: .7vh;
}
.LeaderInfor{
height: 36px;
line-height: 36px;
background: #B9DBF7;
border-radius: 7px;
font-weight: bold;
font-size: 16px;
color: #080A0A;
padding: 0 30px;
}
.LeaderInfor span{
margin-left: 5px;
}
.opiSurStarBox{
padding: 20px 20px 24px 20px;
margin: 0 15px 0 15px;
background: #FFFFFF;
border-radius: 9px;
position: relative;
top: -5vh;
}
.opiSurTitle{
font-weight: 500;
font-size: 16px;
color: #080A0A;
line-height: 35px;
margin-bottom: 0px;
}
.opiSurStarCenter{
font-weight: 500;
font-size: 16px;
color: #080A0A;
line-height: 35px;
margin-bottom: 10px;
}
.opiSurCenText{
margin-right: 10px;
}
.opiSurCenStar{
display: inline-block;
}
.opiSurCenStar img{
width: 20px;
height:20px;
display: inline-block;
margin-right: 5px;
position: relative;
top: -3px;
}
.opiSurCenTisp{
margin-left: 10px;
}
.opiSurCenTisp.active{
color: #FF3166;
}
.opiSurCenCheck{
display: inline-block;
margin-right: 20px;
}
.opiSurCenCheck span{
margin-left: 5px;
}
.opiSurCenCheckCom span{
margin-left: 5px;
}
.opiSurStarCenter textarea {
width: 100%;
padding: 5px 15px;
background: #F3F1EF;
border: 1px solid #F3F1EF;
border-radius: 9px;
margin-top: 5px;
font-size: 16px;
}
.opiSurStarCenter textarea:focus {
border: 1px solid #76c9fa;
outline: none;
}
.SubmitButton{
padding: 0 15px;
margin-bottom: 43px;
}
.submitB{
width: 100%;
height: 50px;
line-height: 50px;
background: #0039B8;
font-size: 16px;
text-align: center;
color: #fff;
border-radius: 9px;
border: 0;
position: relative;
top: -1vh;
}
.submitB.active{
background: #eee;
color: black;
}
.submitB.display{
display: none;
}
</style>
</head>
<body class="opiSurBody">
<div class="opiSurCenter column" id="opiSurCenter">
......@@ -447,187 +629,6 @@
</script>
</body>
<style>
.opiSurBody{
position: relative;
left: 0;
right: 0;
bottom: 0;
/* background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638784094475156580.png')no-repeat 0 0 #9CD2F8;
background-size: 100% auto; */
background:#9CD2F8;
height: 100vh;
width: 100vw;
overflow: auto;
}
.opiSurCenter{
}
.BackBox {
/* position: fixed;
left: 0;
top: 0;
right: 0; */
/* background: #fff; */
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 2;
padding: 20px 20px 10px 20px;
}
.BackImg {
width: 10px;
}
.BackTitle{
height: 50px;
/* position: fixed;
top: 20px;
left: 0;
right: 0; */
position: absolute;
left: 0;
right: 0;
top: 20px;
z-index: 2;
text-align: center;
font-size: 16px;
}
.TeamPeriodBox{
position: relative;
}
.TeamPeriodC{
position: absolute;
left: 0;
right: 0;
top: 20px;
z-index: 2;
padding: 0 16.13vw;
}
.TeamPeriod{
text-align: center;
margin-top: 0;
}
.TeamPeriod p{
padding: 0 24px;
display: inline-block;
height: 30px;
background: #0039B8;
border-radius: 15px;
font-weight: bold;
font-size: 16px;
color: #FFFFFF;
line-height: 30px;
}
.LeaInfCenter{
width: 260px;
/* padding: 0 64px; */
margin: auto;
margin-top: .7vh;
}
.LeaderInfor{
height: 36px;
line-height: 36px;
background: #B9DBF7;
border-radius: 7px;
font-weight: bold;
font-size: 16px;
color: #080A0A;
padding: 0 30px;
}
.LeaderInfor span{
margin-left: 5px;
}
.opiSurStarBox{
padding: 20px 20px 24px 20px;
margin: 0 15px 0 15px;
background: #FFFFFF;
border-radius: 9px;
position: relative;
top: -5vh;
}
.opiSurTitle{
font-weight: 500;
font-size: 16px;
color: #080A0A;
line-height: 35px;
margin-bottom: 0px;
}
.opiSurStarCenter{
font-weight: 500;
font-size: 16px;
color: #080A0A;
line-height: 35px;
margin-bottom: 10px;
}
.opiSurCenText{
margin-right: 10px;
}
.opiSurCenStar{
display: inline-block;
}
.opiSurCenStar img{
width: 20px;
height:20px;
display: inline-block;
margin-right: 5px;
position: relative;
top: -3px;
}
.opiSurCenTisp{
margin-left: 10px;
}
.opiSurCenTisp.active{
color: #FF3166;
}
.opiSurCenCheck{
display: inline-block;
margin-right: 20px;
}
.opiSurCenCheck span{
margin-left: 5px;
}
.opiSurCenCheckCom span{
margin-left: 5px;
}
.opiSurStarCenter textarea {
width: 100%;
padding: 5px 15px;
background: #F3F1EF;
border: 1px solid #F3F1EF;
border-radius: 9px;
margin-top: 5px;
font-size: 16px;
}
.opiSurStarCenter textarea:focus {
border: 1px solid #76c9fa;
outline: none;
}
.SubmitButton{
padding: 0 15px;
margin-bottom: 43px;
}
.submitB{
width: 100%;
height: 50px;
line-height: 50px;
background: #0039B8;
font-size: 16px;
text-align: center;
color: #fff;
border-radius: 9px;
border: 0;
position: relative;
top: -1vh;
}
.submitB.active{
background: #eee;
color: black;
}
.submitB.display{
display: none;
}
</style>
</html>
html/ImpressionOpinionSurvey/success.html
View file @ 0e405a66
......@@ -11,6 +11,44 @@
<link rel="stylesheet" href="../../css/cssReset.css">
<link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
<title>填写意见</title>
<style>
.tipBox{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
/* background: rgba(23,23,23,.5); */
}
.tipImgBox{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.tipImg{
width: 100%;
height: 100%;
background: #fff;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.tipImg img{
width: 100px;
border-radius: 100%;
display: block;
/* margin-top:60px; */
}
.tipImg h4{
margin-top: 30px;
}
</style>
</head>
<body>
......@@ -26,43 +64,6 @@
</script>
</body>
<style>
.tipBox{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
/* background: rgba(23,23,23,.5); */
}
.tipImgBox{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.tipImg{
width: 100%;
height: 100%;
background: #fff;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.tipImg img{
width: 100px;
border-radius: 100%;
display: block;
/* margin-top:60px; */
}
.tipImg h4{
margin-top: 30px;
}
</style>
</html>
\ No newline at end of file
html/ImpressionOpinionSurvey/surveySuccess.html
View file @ 0e405a66
......@@ -11,6 +11,44 @@
<link rel="stylesheet" href="../../css/cssReset.css">
<link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
<title>填写意见</title>
<style>
.tipBox{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
/* background: rgba(23,23,23,.5); */
}
.tipImgBox{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.tipImg{
width: 100%;
height: 100%;
background: #fff;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.tipImg img{
width: 100px;
border-radius: 100%;
display: block;
/* margin-top:60px; */
}
.tipImg h4{
margin-top: 30px;
}
</style>
</head>
<body>
......@@ -26,43 +64,6 @@
</script>
</body>
<style>
.tipBox{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
/* background: rgba(23,23,23,.5); */
}
.tipImgBox{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.tipImg{
width: 100%;
height: 100%;
background: #fff;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.tipImg img{
width: 100px;
border-radius: 100%;
display: block;
/* margin-top:60px; */
}
.tipImg h4{
margin-top: 30px;
}
</style>
</html>
\ 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