city-casereport/pages/censusinput/censusinput.wxss
2023-12-06 15:50:43 +08:00

120 lines
1.7 KiB
Plaintext

/* pages/censusinput/censusinput.wxss */
page {
background-color: #efefef;
}
.page-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-top: 5px;
border-radius: 10px;
flex-basis: 100%;
padding: 10px;
}
.box-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
border-radius: 10px;
background-color: white;
flex-basis: 100%;
padding-left: 10px;
padding-right: 10px;
margin-top: 10px;
width: 94%;
margin-bottom: 10px;
}
.form-item {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 5px;
width: fit-content;
width: 97%;
}
.ver {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.form-textarea {
background-color: #EFEFEF;
width: 95%;
margin-top: 5px;
padding: 5px;
font-size: 14px;
height: 100px;
border-radius: 5px;
}
.form-title {
font-size: 14px;
flex: .4;
}
.must::after {
content: "*";
color: red;
}
.select::after {
content: "\25BC";
color: #6d6d6d;
font-size: 12px;
padding-left: 5px;
}
.form-content {
font-size: 14px;
flex: .6;
text-align: right;
padding: 5px;
}
.form-head {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
font-size: 15px;
color: black;
font-weight: bold;
}
.form-head-line {
height: 15px;
width: 6px;
background-color: #4985f8;
margin-right: 5px;
}
radio {
transform: scale(0.7);
font-size: 18px;
}
.btn-submit {
width: 100%;
position: fixed;
bottom: 0;
height: 48px;
background-color: #4985f8;
display: flex;
justify-content: center;
align-items: center;
align-self: center;
color: #FFFFFF;
z-index: 23;
}
.btn-submit:active {
transform: scale(0.9);
}