insuredInfo页面样式单位改为rem

src/pages/InsuredInfo.module.scss

 
-.normal {
-  font-family: Georgia, sans-serif;
-  margin-top: 4em;
-  text-align: center;
-}
-
-.welcome {
-  height: 512px;
-  background-size: 512px 512px;
-}
-
-.list {
-  font-size: 1.2em;
-  margin: 1.8em 0 0;
-  list-style: none;
-  line-height: 1.5em;
-}
-
-.list code {
-  background: #f7f7f7;
-}
-
-
 .page{
   width: 100vw;
   height: 100vh;
@@ -30,45 +7,45 @@
 
 .header{
   background: #CE1F57;
-  height: 12vh;
+  height: 0.94rem;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
+  padding-top: 0.2rem;
 }
 .headerImg{
-  width: 200px;
-  height: 80px;
+  width: 1.8rem;
+  height: 0.7rem;
 }
 .headerExt{
   background: #CE1F57;
-  width:100vw;
-  height: 4vh;
+  width:100%;
+  height: 0.32rem;
   display: block;
 }
 
 .main{
   background: #EDE9E3;
-  margin: -4vh 5px;
-  height: 80vh;
+  margin: -0.2rem 0.05rem;
+  height: 6.1rem;
   display: flex;
   flex: 1;
 }
 
 .leftMenu{
-  width: 10vw;
+  width: 1.2rem;
   height: 100%;
   float: left;
   background-color: #EDE9E3;
   border-right: 1px solid #D5D3D0;
-  padding-top: 8vh;
+  padding-top: 0.5rem;
 }
 
 .leftMenuItem{
   color: #CE1F57;
-  width: 10vw;
-  height: 8vh;
-  line-height: 8vh;
+  height: 0.6rem;
+  line-height: 0.6rem;
   text-align: center;
 }
 
@@ -76,13 +53,13 @@
   background-color: #EFEDF0;
   height: 100%;
   width: 100%;
-  padding: 2vh;
-  font-size: 1.5vw;
+  padding: 0.1rem 0.2rem;
+  font-size: 0.18rem;
 }
 
 .descText{
   color: #858383;
-  margin-right: 5vw;
+  margin-right: 0.4rem;
 }
 
 .btns{
@@ -92,20 +69,19 @@
 .btn{
   user-select:none;
   background: #CE1F57;
-  min-width:10vw;
-  height:5vh;
-  line-height: 3.5vh;
+  min-width: 0.3rem;
+  line-height: 0.3rem;
   text-align: center;
-  padding: 0.5vw 1vw;
+  padding: 0.05rem 0.1rem;
   color: #FFFFFF;
   float: left;
-  margin: 0.5vw 2vw 0.5vw 0;
+  margin: 0.05rem 0.2rem 0.1rem 0;
   border-radius: 3px;
 }
 
 .tableBox{
   width: 100%;
-  height:50vh;
+  height: 3.65rem;
 }
 
 .highLightLine{
@@ -116,49 +92,49 @@
   user-select:none;
   color: #CE1F57;
   img{
-    width: 25px;
-    height: 25px;
-    margin-right: 5px;
+    width: 0.25rem;
+    height: 0.25rem;
+    margin-right: 0.05rem;
   }
 }
 
 .accountLine{
   display: flex;
   flex-direction: row-reverse;
-  margin-bottom: 15px;
   span{
-    margin-left: 50px;
+    margin-left: 0.5rem;
   }
 }
 
 .premLine{
   display: flex;
-  margin-bottom: 15px;
+  margin-top: 0.2rem;
   span{
-    margin-right: 80px;
+    margin-right: 0.8rem;
   }
 }
 
 .actionLine{
   display: flex;
+  margin-top: 0.2rem;
   justify-content: space-around;
 }
 
 .footer{
   position: fixed;
   bottom: 0;
-  width: 100vw;
+  width: 100%;
 }
 
 .footerBtn{
   user-select:none;
   background: #CE1F57;
-  width: 135px;
-  height: 35px;
+  width: 1.35rem;
+  height: 0.35rem;
   text-align: center;
-  line-height: 35px;
+  line-height: 0.35rem;
   color: #FFFFFF;
   float: right;
-  margin: 10px 20px;
+  margin: 0.1rem 0.2rem;
   border-radius: 3px;
 }