更换版本

pages/home/liuyan/liuyan.js

@@ -0,0 +1,81 @@
+var t;
+(t = getApp()),
+  Page({
+    data: {
+      leftid: 1,
+      check_name: "",
+      carList: [],
+      show: !0,
+      name: "",
+      title: "暂无留言内容",
+    },
+    onLoad: function (t) {
+      this._list();
+    },
+    _list: function () {
+      var a = this;
+      console.log(wx.getStorageSync("uid")),
+        t.util.request({
+          url: "entry/wxapp/Api",
+          data: {
+            m: "monai_market",
+            r: "home.index.wordList",
+            car_uid: wx.getStorageSync("uid"),
+            leftid: this.data.leftid++,
+          },
+          cachetime: "0",
+          success: function (t) {
+            if ((console.log(t.data), t.data.data.length > 0)) {
+              var i;
+              (i = a.data.carList).push.apply(
+                i,
+                (function (t) {
+                  if (Array.isArray(t)) {
+                    for (var a = 0, i = Array(t.length); a < t.length; a++)
+                      i[a] = t[a];
+                    return i;
+                  }
+                  return Array.from(t);
+                })(t.data.data)
+              );
+              var r = !0,
+                e = !1,
+                n = void 0;
+              try {
+                for (
+                  var s, o = a.data.carList[Symbol.iterator]();
+                  !(r = (s = o.next()).done);
+                  r = !0
+                ) {
+                  var c = s.value,
+                    d = (28 * c.content.length) / 588;
+                  d < 3 ? (c.length = 2) : d > 3 && (c.length = 3);
+                }
+              } catch (t) {
+                (e = !0), (n = t);
+              } finally {
+                try {
+                  !r && o.return && o.return();
+                } finally {
+                  if (e) throw n;
+                }
+              }
+              a.setData({ carList: a.data.carList });
+            } else a.data.show = !1;
+          },
+        });
+    },
+    onReachBottom: function () {
+      this.data.show && this._list();
+    },
+    clone: function (a) {
+      var i = t.getAttr(a, "index");
+      (this.data.carList[i].length = 3),
+        this.setData({ carList: this.data.carList });
+    },
+    open: function (a) {
+      var i = t.getAttr(a, "index");
+      (this.data.carList[i].length = 4),
+        this.setData({ carList: this.data.carList });
+    },
+  });

pages/home/liuyan/liuyan.json

@@ -0,0 +1 @@
+{ "navigationBarTitleText": "用户留言", "usingComponents": {} }

pages/home/liuyan/liuyan.wxml

@@ -0,0 +1,22 @@
+<view wx:if="{{carList.length>0}}">
+    <view class="modle_border">
+        <view class="modle_view" wx:for="{{carList}}" wx:key="1">
+            <view class="modle_jiantou"></view>
+            <view class="modle_dian"></view>
+            <view class="modle_view_title">时间：{{item.time}}</view>
+            <view class="modle_view_name">昵称：{{item.nickname}}</view>
+            <view class="modle_view_text  {{item.length==3?'modle_view_text_overflow':''}}">{{item.content}}</view>
+            <view bindtap="open" class="modle_view_more" data-index="{{index}}" wx:if="{{item.length==3}}">展开 <image class="modle_view_more_img" src="../../image/lvsejtxx_btn.png"></image>
+            </view>
+            <view bindtap="clone" class="modle_view_more" data-index="{{index}}" wx:if="{{item.length==4}}">收起 <image class="modle_view_more_img" src="../../image/lvsejtxx_btn.png"></image>
+            </view>
+        </view>
+    </view>
+    <view class="zhezhao"></view>
+</view>
+<block wx:else>
+    <import src="/pages/data_null/index.wxml"></import>
+    <view>
+        <template is="title" data="{{title:title}}"></template>
+    </view>
+</block>

pages/home/liuyan/liuyan.wxss

@@ -0,0 +1,84 @@
+page {
+  background: #f9f9f9;
+}
+.modle_border {
+  border-left: 1rpx solid #c6c6c6;
+  margin-left: 30rpx;
+  margin-top: 60rpx;
+  width: 690rpx;
+}
+.modle_view {
+  background: #fff;
+  border: 1rpx solid #ccc;
+  border-radius: 20rpx;
+  margin-left: 40rpx;
+  margin-top: 40rpx;
+  padding: 20rpx 30rpx;
+  position: relative;
+  width: 590rpx;
+  z-index: 10;
+}
+.modle_view_name,
+.modle_view_title {
+  color: #9295a8;
+  font-size: 24rpx;
+  width: 100%;
+}
+.modle_view_name {
+  margin-top: 10rpx;
+}
+.modle_view_text {
+  color: #333;
+  font-size: 28rpx;
+  margin-top: 10rpx;
+  overflow: hidden;
+  width: 100%;
+}
+.modle_view_text_overflow {
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+  display: -webkit-box;
+  text-overflow: ellipsis;
+}
+.modle_view_more {
+  color: #3d61f0;
+  font-size: 24rpx;
+  margin-top: 25rpx;
+  text-align: center;
+  width: 100%;
+}
+.modle_view_more_img {
+  height: 30rpx;
+  margin-top: -10rpx;
+  vertical-align: middle;
+  width: 30rpx;
+}
+.modle_jiantou {
+  background: #fff;
+  border-left: 1rpx solid #b2b2b2;
+  border-radius: 5rpx;
+  border-top: 1rpx solid #b2b2b2;
+  height: 19rpx;
+  margin-left: -38.5rpx;
+  margin-top: 6rpx;
+  position: absolute;
+  transform: rotate(-45deg);
+  width: 19rpx;
+}
+.modle_dian {
+  background: #c6c6c6;
+  border-radius: 100%;
+  height: 15rpx;
+  margin-left: -78rpx;
+  margin-top: 8rpx;
+  position: absolute;
+  width: 15rpx;
+}
+.zhezhao {
+  background: #f9f9f9;
+  height: 50rpx;
+  left: 12rpx;
+  position: absolute;
+  top: 40rpx;
+  width: 30rpx;
+}