sdsd

pages/articleList/index.less

@@ -153,14 +153,13 @@ border-radius: 30rpx;
   margin-bottom: 10rpx;
 }
 .box_6 {
-  width: 654rpx;
   margin-top: 16rpx;
   flex-direction: row;
   display: flex;
   justify-content: space-between;
 }
 .text_6 {
-  width: 470rpx;
+  flex: auto;
   height: 132rpx;
   overflow-wrap: break-word;
   color: rgba(96,98,102,1);
@@ -177,12 +176,19 @@ border-radius: 30rpx;
     -webkit-box-orient: vertical;
 }
 .box_7 {
+  flex: none;
   border-radius: 16rpx;
-  background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/370df45eeaff4baaae26de82cabfb553_mergeImage.png);
   width: 140rpx;
   height: 140rpx;
   display: flex;
   flex-direction: column;
+  overflow: hidden;
+  margin-left: 20rpx;
+
+  image{
+    width: 140rpx;
+    height: 140rpx;
+  }
 }
 
 // 加载状态和分页提示样式

pages/articleList/index.wxml

@@ -13,7 +13,9 @@
         <view lines="1" class="text_5">{{item.title}}</view>
         <view class="box_6">
           <text lines="1" decode="true" class="text_6">{{item.contentText}}</text>
-          <view class="box_7"></view>
+          <view class="box_7" wx:if="{{item.cover_image}}">
+            <image src="{{item.cover_image}}" mode="aspectFill"></image>
+          </view>
         </view>
       </view>
       <!-- 加载状态和分页提示 -->

pages/home/index.less

@@ -168,13 +168,30 @@
           margin-top: 20rpx;
           font-size: 28rpx;
           color: #606266;
-          line-height: 44rpx;
-          display: -webkit-box;
-          -webkit-box-orient: vertical;
-          -webkit-line-clamp: 3;
-          overflow: hidden;
-          word-break: break-word;
-          
+          display: flex;
+          .text{
+            height: 132rpx;
+            flex: auto;
+            line-height: 44rpx;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 3;
+            overflow: hidden;
+            word-break: break-word;
+          }
+          .cover-image{
+            flex: none;
+            border-radius: 16rpx;
+            width: 140rpx;
+            height: 140rpx;
+            margin-left: 12rpx;
+            flex-direction: column;
+            overflow: hidden;
+            image{
+              width: 140rpx;
+              height: 140rpx;
+            }
+          }
         }
 
       }
@@ -373,8 +390,9 @@
   position: absolute;
   right: 0rpx;
   top: -10rpx;
+  display: flex;
   align-items: center;
-
+  justify-content: center;
   // transform: translateY(-50%);
   z-index: 1;
   .text_23 {

pages/home/index.wxml

@@ -84,7 +84,12 @@
           {{item.title}}
         </view>
         <view class="article-content">
-          {{item.contentText}}
+          <view class="text">
+            {{item.contentText}}
+          </view>
+          <view class="cover-image" wx:if="{{item.cover_image}}">
+            <image src="{{item.cover_image}}" />
+          </view>
         </view>
       </view>
     </view>