列表样式修改

src/views/enforce/enforceNotice.vue

@@ -31,13 +31,13 @@
          <div class="item-cont">
            <span class="item-title">{{ item.planName }}</span>
 <!--           <span class="item-time"> {{ item.enforcementDepartment }} - {{ item.createTime }}</span>-->
-           <span class="item-time" style="width: 90%;">
+           <span class="item-time">
                <div style="display: flex; justify-content: space-between;">
-                   <div style="color: #333333;">{{ item.enforcementDepartment }}</div>
+                   <div>{{ item.enforcementDepartment }}</div>
                    <div>{{ item.createTime }}</div>
                </div>
            </span>
-           <div class="item-text" @click="toPdfView(null==item.fileObject?'':item.fileObject.fileUrl)"><a style="color: green; ">{{ null==item.fileObject?'':item.fileObject.fileName }}</a></div>
+           <div class="item-text" @click="toPdfView(null==item.fileObject?'':item.fileObject.fileUrl)"><a>{{ null==item.fileObject?'':item.fileObject.fileName }}</a></div>
          </div>
        </div>
 
@@ -359,14 +359,15 @@ const toPdfView = (url) =>{
   margin: 3% 0.26rem;
   height: 10vh;
   align-items: center;
+  border-bottom: 1px solid #f3f4f5;
 }
 
 .notice-item > i {
   display: inline-block;
   margin: 5% 0.25rem;
-  height: 90%;
+  height: 80%;
-  width: 1.75rem;
+  width: 1.5rem;
-  background: url("../../assets/images/icon_notice2.png") no-repeat left center;
+  background: url("../../assets/images/icon_notice2.png") no-repeat left top 50%;
   background-size: auto 80%;
 }
 
@@ -376,18 +377,18 @@ const toPdfView = (url) =>{
 }
 
 .item-time {
-  float: right;
+  float: left;
   margin-right: 2%;
+  width: 98%;
   color: #c1bfbf;
   font-size: 0.3rem;
-  height: 0.75rem;
+  //height: 0.75rem;
-  line-height: 1rem;
+  //line-height: 1rem;
 }
 
 .item-title, .item-text {
   float: left;
-  width: calc(100% - 3.0rem);
+  width: 100%;
-  height: 0.75rem;
   font-size: 0.4rem;
   font-weight: 600;
   line-height: 0.75rem;
@@ -399,8 +400,12 @@ const toPdfView = (url) =>{
 .item-text {
   width: 100%;
   color: #999;
-  font-size: 0.4rem;
+  font-size: 0.35rem;
   font-weight: normal;
 }
 
+.item-text a {
+  color: #2b75fd;
+}
+
 </style>