|
|
@@ -116,6 +116,8 @@ const submitEvent = () => {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
|
+ $proportion : 0.8;
|
|
|
+
|
|
|
.showDownHole * {
|
|
|
|
|
|
-moz-user-select: none;
|
|
|
@@ -134,12 +136,12 @@ const submitEvent = () => {
|
|
|
.showDownHole {
|
|
|
|
|
|
position: fixed;
|
|
|
- width: 54.92rem;
|
|
|
- height: 54.21rem;
|
|
|
+ width: 54.92rem * $proportion;
|
|
|
+ height: 54.21rem * $proportion;
|
|
|
z-index: 1;
|
|
|
top: 50%;
|
|
|
left: 50%;
|
|
|
- margin: -27.105rem 0px 0px -27.46rem;
|
|
|
+ margin: -27.105rem * $proportion 0px 0px -27.46rem * $proportion;
|
|
|
|
|
|
background-image: url("../../../assets/downHole/bg.webp");
|
|
|
-webkit-background-size: 100% 100%;
|
|
|
@@ -151,17 +153,17 @@ const submitEvent = () => {
|
|
|
.exit {
|
|
|
position: absolute;
|
|
|
cursor:pointer;
|
|
|
- width: 1.71rem;
|
|
|
- top: 1.64rem;
|
|
|
- right: 2.5rem;
|
|
|
+ width: 1.71rem * $proportion;
|
|
|
+ top: 1.64rem * $proportion;
|
|
|
+ right: 2.5rem * $proportion;
|
|
|
}
|
|
|
|
|
|
.topTitleImg {
|
|
|
position: absolute;
|
|
|
- width: 4.07rem;
|
|
|
+ width: 4.07rem * $proportion;
|
|
|
left: 50%;
|
|
|
- margin: 0px 0px 0px -2.035rem;
|
|
|
- top: 2.14rem;
|
|
|
+ margin: 0px 0px 0px -2.035rem * $proportion;
|
|
|
+ top: 2.14rem * $proportion;
|
|
|
}
|
|
|
|
|
|
.title {
|
|
|
@@ -170,22 +172,22 @@ const submitEvent = () => {
|
|
|
width: 100%;
|
|
|
text-align: center;
|
|
|
font-weight: 500;
|
|
|
- font-size: 2rem;
|
|
|
+ font-size: 2rem * $proportion;
|
|
|
color: #87D9FE;
|
|
|
- top: 4.17rem;
|
|
|
+ top: 4.17rem * $proportion;
|
|
|
}
|
|
|
|
|
|
.inputMain {
|
|
|
position: absolute;
|
|
|
width: 87%;
|
|
|
left: 6.5%;
|
|
|
- top: 9rem;
|
|
|
+ top: 9rem * $proportion;
|
|
|
|
|
|
.edit {
|
|
|
position: relative;
|
|
|
width: 100%;
|
|
|
- height: 3.5rem;
|
|
|
- margin: 1.57rem 0px 1.57rem 0px;
|
|
|
+ height: 3.5rem * $proportion;
|
|
|
+ margin: 1.57rem * $proportion 0px 1.57rem * $proportion 0px;
|
|
|
|
|
|
background-image: url("../../../assets/downHole/edit.webp");
|
|
|
-webkit-background-size: 100% 100%;
|
|
|
@@ -198,23 +200,23 @@ const submitEvent = () => {
|
|
|
position: absolute;
|
|
|
height: 100%;
|
|
|
top: 0px;
|
|
|
- line-height: 3.5rem;
|
|
|
+ line-height: 3.5rem * $proportion;
|
|
|
}
|
|
|
|
|
|
.editLeft {
|
|
|
left: 0px;
|
|
|
width: 29%;
|
|
|
font-weight: 400;
|
|
|
- font-size: 1.28rem;
|
|
|
+ font-size: 1.28rem * $proportion;
|
|
|
color: #CCD2DF;
|
|
|
- padding: 0px 0px 0px 1.35rem;
|
|
|
+ padding: 0px 0px 0px 1.35rem * $proportion;
|
|
|
}
|
|
|
|
|
|
.editRight {
|
|
|
right: 0px;
|
|
|
width: 71%;
|
|
|
font-weight: 400;
|
|
|
- font-size: 1.28rem;
|
|
|
+ font-size: 1.28rem * $proportion;
|
|
|
color: #FFFFFF;
|
|
|
|
|
|
.newInput {
|
|
|
@@ -246,13 +248,13 @@ const submitEvent = () => {
|
|
|
|
|
|
.editBtn {
|
|
|
position: relative;
|
|
|
- width: 14.21rem;
|
|
|
- height: 3.5rem;
|
|
|
- line-height: 3.5rem;
|
|
|
- margin: 1.57rem auto 1.57rem auto;
|
|
|
+ width: 14.21rem * $proportion;
|
|
|
+ height: 3.5rem * $proportion;
|
|
|
+ line-height: 3.5rem * $proportion;
|
|
|
+ margin: 1.57rem * $proportion auto 1.57rem * $proportion auto;
|
|
|
text-align: center;
|
|
|
font-weight: 400;
|
|
|
- font-size: 1.28rem;
|
|
|
+ font-size: 1.28rem * $proportion;
|
|
|
color: #FFFFFF;
|
|
|
cursor:pointer;
|
|
|
background-image: url("../../../assets/downHole/btn.webp");
|
