components/poster/poster.wxml

@@ -3,7 +3,7 @@
   <view id="container" class="poster-container canvas-part">
     <view id="above" class="poster-above canvas-part">
       <view id="rect" class="poster-photo-wrapper canvas-part">
-        <image id="coverImage" class="poster-photo canvas-part" mode="aspectFill"
+        <image id="coverImage" class="poster-photo canvas-part" mode="widthFix"
           src="{{ obj.coverImg || 'https://static.hoolihome.com/weapp/daily/poster-cover.png' }}"
           data-what="{{ obj.coverImg || 'https://static.hoolihome.com/weapp/daily/poster-cover.png' }}"
           bindload="photoLoaded"></image>

components/poster/poster.wxss

@@ -1,11 +1,12 @@
 .poster-global {
-  position: fixed;
-  top: 0;
+  position: absolute;
+  top: 2000px;
   left: 0;
   z-index: -2;
-  visibility: hidden;
+  /* visibility: hidden; */
   background-color: transparent;
   height: auto;
+  overflow: hidden;
 }
 
 .poster-container {
@@ -32,6 +33,7 @@
 .poster-photo-wrapper {
   position: relative;
   height: 364rpx;
+  overflow: hidden;
 }
 
 .poster-video-play {
@@ -74,6 +76,11 @@
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: rgba(51, 51, 51, 1);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
 }
 
 .poster-qr-wrapper {

pages/tagDetail/tagDetail.json

@@ -1,4 +1,5 @@
 {
+  "disableScroll": true,
   "usingComponents": {
     "tabs": "/components/tabs/tabs",
     "new-cell": "/components/newCell/newCell",

utils/poster.js

@@ -22,7 +22,7 @@ export default class Poster {
 
         fontSize = fontSize.replace("px", "");
         fontSize = Math.ceil(Number(fontSize) * pixelRatio) + "px";
-        top = Math.ceil(top * pixelRatio);
+        top = Math.ceil((top >= 2000 ? top - 2000 : top) * pixelRatio);
         left = Math.ceil(left * pixelRatio);
         if (pixelRatio > 3) {
           // 曲面屏做适配
@@ -89,7 +89,7 @@ export default class Poster {
           case "content":
             canvasObj.views.push({
               type: "text",
-              text: what,
+              text: what.replace(/[\r\n]/g, ""),
               css: {
                 left: `${left}px`,
                 top: `${top}px`,
@@ -100,6 +100,7 @@ export default class Poster {
                 fontWeight: `${fontWeight}`,
                 backgroundColor: `${backgroundColor}`,
                 borderRadius: `${borderRadius}`,
+                maxLines: 3,
               },
             });
             break;