소스 검색

修改静态信息样式

zhangxc 5 년 전
부모
커밋
f734e046df
2개의 변경된 파일32개의 추가작업 그리고 35개의 파일을 삭제
  1. 17 18
      src/components/PushItems/DetailsModal/index.less
  2. 15 17
      src/components/TreatDesc/DrugInfo/index.less

+ 17 - 18
src/components/PushItems/DetailsModal/index.less

@@ -14,7 +14,7 @@
 
 .details-content-wrapper {
     position: fixed;
-    padding: 70px 0 50px 0;
+    padding: 110px 0 50px 0;
     width: 80%;
     height: 80%;
     left: 10%;
@@ -33,11 +33,11 @@
 
 .details-content-name {
     position: absolute;
-    top: 0;
+    top: 43px;
     width: 100%;
     padding: 0  40px;
-    height: 70px;
-    line-height: 70px;
+    height: 37px;
+    line-height: 37px;
     font-size: 28px;
     font-weight: bold;
     color: #1E1E1E;
@@ -50,7 +50,7 @@
     font-size: 20px;
 }
 .details-menu-title-wrapper {
-    padding: 0 0 0 15px;
+    padding: 0 0 0 20px;
     position: relative;
 }
 
@@ -69,15 +69,14 @@
     position: absolute;
     right: 0;
     cursor: pointer;
+    top: -43px;
 }
 .details-content {
     position: relative;
     height: 100%;
-    padding: 0 180px 0 40px;
+    padding: 0 220px 0 40px;
     overflow-y: auto;
-    ul, ol {
-        padding: 0 0 0 15px;
-      }
+    
       ul li {
         list-style: disc;
         list-style-position: inside;
@@ -89,15 +88,15 @@
 }
 .content-menu-box {
     position: absolute;
-    top: 70px;
+    top: 110px;
     right: 20px;
-    width: 160px;
+    width: 200px;
     height: 80%;
     overflow: hidden;
     
 }
 .content-menu-wrapper {
-    width: 200px;
+    width: 240px;
     height: 100%;
     overflow-y: auto;
 }
@@ -105,8 +104,8 @@
     
     background: #F5F6F7;
     border: 1px solid #F5F6F7;
-    width: 160px;
-    padding: 15px 18px;
+    width: 200px;
+    padding: 15px 20px;
 }
 .details-content-menu-line {
     height: 20px;
@@ -117,13 +116,13 @@
 .details-content-menu-name {
     position: relative;
     color: #777777;
-    font-size: 13px;
+    font-size: 14px;
     cursor: pointer;
 }
 .details-content-menu-circle-box {
     display:inline-block;
     position: absolute;
-    left: -20px;
+    left: -25px;
     background: #F5F6F7;
 
 }
@@ -157,13 +156,13 @@
 }
 .details-content-box {
     border-left: 1px solid #969C9F;
-    padding: 0 0 0 20px;
+    padding: 0 0 0 33px;
 }
 .details-content-title-circle-box {
    position: absolute;
    z-index: 10;
    background: #fff;
-   left: -27px;
+   left: -40px;
    height: 32px;
    top: 0px;
 }

+ 15 - 17
src/components/TreatDesc/DrugInfo/index.less

@@ -9,14 +9,12 @@
     top: 10%;
     margin-left: -475px;
     background: #fff;
-    padding: 70px 0 50px 0;
+    padding: 110px 0 50px 0;
     box-shadow: 0px 0px 5px -2px #7d7c7c;
     word-break: break-all;
     max-width: 100%;
     line-height: 20px;
-    ul, ol {
-        padding: 0 0 0 15px;
-      }
+    
       ul li {
         list-style: disc;
         list-style-position: inside;
@@ -33,10 +31,10 @@
 }
 .drug-title {
     position: absolute;
-    top: 0;
+    top: 43px;
     width: 100%;
-    height: 70px;
-    line-height: 70px;
+    height: 37px;
+    line-height: 37px;
     font-size: 28px;
     font-weight: bold;
     padding: 0 40px;
@@ -62,7 +60,7 @@
 .drug-desc-item {
     zoom: 1;
     border-left: 1px solid #969C9F;
-    padding: 0 0 0 20px;
+    padding: 0 0 0 33px;
     &:after{
         content: "";
         display: block;
@@ -91,33 +89,33 @@
 }
 .drug-desc-content {
     /*width: 100%;*/
-    margin: 10px 160px 10px 10px;
+    margin: 10px 200px 10px 10px;
 }
 
 .content-menu-box {
     position: absolute;
-    top: 70px;
+    top: 110px;
     right: 20px;
-    width: 160px;
+    width: 200px;
     height: 80%;
     overflow: hidden;
     
 }
 .content-menu-wrapper {
-    width: 200px;
+    width: 240px;
     height: 100%;
     overflow-y: auto;
 }
 .content-menu-border{
     border-left: 2px solid #E0E2E3;
-    padding: 0 0 0 15px;
+    padding: 0 0 0 20px;
 }
 .content-menu {
     
     background: #F5F6F7;
     border: 1px solid #F5F6F7;
-    width: 160px;
-    padding: 15px 18px;
+    width: 200px;
+    padding: 15px 20px;
 }
 .details-content-menu-line {
     height: 20px;
@@ -133,7 +131,7 @@
 .details-content-menu-circle-box {
     display:inline-block;
     position: absolute;
-    left: -20px;
+    left: -25px;
     background: #F5F6F7;
 
 }
@@ -158,7 +156,7 @@
     position: absolute;
     z-index: 10;
     background: #fff;
-    left: -27px;
+    left: -40px;
     height: 32px;
     top: 0px;
  }