一半

components/order/message/index.js

@@ -1,5 +1,10 @@
 Component({
     properties: {
+        title:String,
+        spec:String,
+        price:String,
+        num:String,
+        image:String
     },
     data: {
     },

components/order/message/index.scss

@@ -1,3 +1,14 @@
+.towline {
+  overflow: hidden;
+
+  text-overflow: ellipsis;
+
+  display: -webkit-box;
+
+  -webkit-box-orient: vertical;
+
+  -webkit-line-clamp: 2;
+}
 .message {
   padding: 35rpx;
 display: flex;

components/order/message/index.wxml

@@ -1,14 +1,14 @@
 <view class="message">
-                    <image class="image"></image>
+                    <image class="image" src="{{image}}"></image>
                     <view class="introduce">
-                        <view class="title">001|德国双心药房版 胶原蛋白美容口服液养颜</view>
+                        <view class="title towline">{{title}}</view>
                         <view class="count">
-                            <view>30只</view>
-                            <view>1.0356kg</view>
+                            <view>{{spec}}</view>
+                            <!-- <view>1.0356kg</view> -->
                         </view>
                     </view>
                     <view class="parameter">
-                        <view class="price">￥29.80</view>
-                        <view class="num">x2</view>
+                        <view class="price">￥{{price}}</view>
+                        <view class="num">x{{num}}</view>
                     </view>
                 </view>

components/order/message/index.wxss

@@ -1 +1 @@
-.message{padding:35rpx;display:flex;align-items:center;border-bottom:1rpx solid #F2F2F2}.message .image{width:141rpx;height:150rpx;background-color:#000;margin-left:34rpx}.message .introduce{margin-left:32rpx;height:120rpx;display:flex;flex-direction:column;justify-content:space-between;width:362rpx}.message .introduce .title{font-size:28rpx;color:#333}.message .introduce .count{font-size:24rpx;color:#999;display:flex}.message .introduce .count>view{margin-right:27rpx}.message .parameter{width:150rpx;height:120rpx;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}
+.towline{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.message{padding:35rpx;display:flex;align-items:center;border-bottom:1rpx solid #F2F2F2}.message .image{width:141rpx;height:150rpx;background-color:#000;margin-left:34rpx}.message .introduce{margin-left:32rpx;height:120rpx;display:flex;flex-direction:column;justify-content:space-between;width:362rpx}.message .introduce .title{font-size:28rpx;color:#333}.message .introduce .count{font-size:24rpx;color:#999;display:flex}.message .introduce .count>view{margin-right:27rpx}.message .parameter{width:150rpx;height:120rpx;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}