Skip to content

S
SURPRISED
Commit 4937b894 authored by youjie's avatar youjie
Browse files
Options

no message

parent 9ba7d955
Hide whitespace changes
Inline Side-by-side
Showing with 210 additions and 208 deletions
html/ImpressionOpinionSurvey/guestSign.html
View file @ 4937b894
......@@ -13,7 +13,215 @@
<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;
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: #419efd;
color: #fff;
}
.submitB.active {
background-color: rgba(65, 158, 253 .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;
}
</style>
</head>
<body>
<div class="FillincommentsF">
......@@ -202,7 +410,7 @@
}
}
}
}
postMsg.forEach(item=>{
......@@ -483,212 +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;
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: #419efd;
color: #fff;
}
.submitB.active {
background-color: rgba(65, 158, 253 .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;
}
</style>
</html>
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