列表页样式修改

common/styles/global/components.scss

@@ -216,7 +216,7 @@ box-shadow: 0 1rpx 3rpx 0 #227ECE;box-sizing: border-box;padding: 4rpx 10rpx 0;}
 
 /*左侧图片右侧内容列表区域*/
 .list-item-box{
-  display: flex;margin:0 6rpx 32rpx;cursor: pointer;position: relative;
+  display: flex;margin:32rpx 12rpx;cursor: pointer;position: relative;
   .list-img{width: 300rpx;height: 200rpx;}
   .list-time-box{
     width: 80rpx;height: 80rpx;background-color: rgba(0,64,194,0.7);
@@ -235,9 +235,24 @@ box-shadow: 0 1rpx 3rpx 0 #227ECE;box-sizing: border-box;padding: 4rpx 10rpx 0;}
     .list-line{width: 50rpx;height: 6rpx;background-color: #1460b6;margin: 16rpx 0;}
     .list-content{font-size: 24rpx;@include multi-line-ellipsis(2);color: #666;line-height: 1.5;
 	word-wrap: break-word;word-break: break-all;}
-  }
+  }
+  &:first-child{margin:10rpx 12rpx 32rpx;}
 }
 
+/* 左侧日期右侧内容列表区域 */
+  .data-content-item{
+    display: flex;align-items:center;margin:32rpx 12rpx;border-bottom: 1rpx dashed #999;padding-bottom: 20rpx;cursor: pointer;
+    .list-time-box{
+      width: 100rpx;height: 100rpx;background-color:#4d7bd3;border-bottom: 2rpx solid #0145c0;
+      color: #fff;text-align: center;flex-shrink: 0;
+      .time-data{font-size: 36rpx;border-bottom: 1rpx solid #e9ffff;margin: 6rpx;padding-bottom: 6rpx;}
+      .time-year{font-size: 22rpx;}
+    }
+    .list-title-box{font-size: 28rpx;margin-left: 16rpx;color: #333;@include multi-line-ellipsis(2);line-height: 1.5;}
+	&:first-child{margin:10rpx 12rpx 32rpx;}
+  }
+  
+
 /* 底部返回按钮*/
 .return-footer-box{
   display: flex;justify-content: space-between;align-items: center;

pages/jyjxShiziduiwu/jyjxShiziduiwu.vue

@@ -11,16 +11,12 @@
 				</view>
 				<MtaScrollViewVue :refreshFn="getList">
 					<template v-slot="{ list }">
-						<view class="list-item-box" v-for="item in list" :key="item.id" @click="handleClick(item)">
+						<view class="data-content-item" v-for="item in list" :key="item.id" @click="handleClick(item)">
 							<view class="list-time-box">
 								<view class="time-data">{{formatDateToYearMonthDay(item.createTime)[1]}}</view>
 								<view class="time-year">{{formatDateToYearMonthDay(item.createTime)[0]}}</view>
 							</view>
-							<view class="list-right-box">
-								<view class="list-name">{{item.title}}</view>
-								<view class="list-line"></view>
-								<view class="list-content" v-html="getStringByHtml3(item.content)"> </view>
-							</view>
+							<view class="list-title-box"> {{item.title}} </view>
 						</view>
 					</template>
 				</MtaScrollViewVue>