优化病例分析分析及用嗓科普模块内容布局展示

src/pages/index/index.vue

@@ -304,11 +304,12 @@ export default {
 .article-item {
   display: flex;
   justify-content: space-between;
-  align-items: center;
-  background: #fff;
-  border-radius: 12rpx;
-  padding: 24rpx;
-  margin-bottom: 20rpx;
+  align-items: flex-start;
+  padding: 32rpx 0 16rpx 0;
+  border-bottom: 1px solid #eeeeee;
+}
+.article-item:last-child {
+  border-bottom: none;
 }
 .article-item-text {
   flex: 1;
@@ -319,16 +320,19 @@ export default {
   color: #0d1937;
   font-weight: bold;
   line-height: 40rpx;
+  text-align: left;
 }
 .article-item-sub {
   font-size: 24rpx;
   color: #5f5f5f;
-  margin-top: 12rpx;
+  line-height: 34rpx;
+  min-height: 34rpx;
+  margin-top: 30rpx;
 }
 .article-item-date {
   font-size: 22rpx;
   color: #a7adba;
-  margin-top: 6rpx;
+  margin-top: 10rpx;
 }
 .article-item-img {
   width: 140rpx;