tijiao

components/qizai-dynamic/Dynamic.vue

@@ -47,9 +47,9 @@
         </view>
       </view>
     </view>
-    <view style="padding: 0rpx 30rpx; width: calc(100% - 100rpx);margin-left: 100rpx;">
-      <u-read-more showHeight="120" :toggle="true" color="#5a6988">
-        <view class="title" style="text-indent: 0 !important">{{ title }}</view>
+    <view style="padding: 0rpx 30rpx; width: calc(100% - 100rpx);margin-left: 100rpx;"> <view class="title" style="text-indent: 0 !important">{{ title }}</view>
+      <u-read-more showHeight="110" :toggle="true" color="#5a6988" @open="openRead()">
+       
         <rich-text
           :nodes="content"
           style="
@@ -178,6 +178,9 @@ export default {
     likeCount: {
       type: Number,
     },
+    id: {
+      type: Number,
+    },
     readCount: {
       type: Number,
     },
@@ -217,8 +220,9 @@ export default {
       operateDisplay: "block",
       shadowStyle: {
         // #ifndef APP-NVUE
+      
         backgroundImage:
-          "linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 80%)",
+          "linear-gradient((177deg, rgb(255, 255, 255) 0%, rgba(220, 230, 255, 0.4) 80%))",
         // #endif
         // #ifdef APP-NVUE
         // nvue上不支持设置复杂的backgroundImage属性
@@ -247,8 +251,12 @@ export default {
     this.initOperate();
   },
   methods: {
+   openRead(){
+      this.$emit('addRead',this.id)
+    },
     // 预览图片
     previewImg(index) {
+      this.$emit('addRead',this.id)
       uni.previewImage({
         urls: this.imgList,
         // longPressActions: {
@@ -554,4 +562,10 @@ export default {
   -webkit-line-clamp: 5;
   height: auto;
 }
+::v-deep .u-read-more__toggle{
+  background-image: linear-gradient(177deg, 
+  rgb(255, 255, 255) 0%, 
+  rgba(220, 230, 255, 0.4) 80%
+) !important;
+}
 </style>