fix: 文章详情内容样式优化调整

HeyCommunity · Nov 30, 2022 · 4922137 · 4922137
1 parent 9fc2312
commit 4922137
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/modules/article/pages/detail/index.scss b/modules/article/pages/detail/index.scss
@@ -26,6 +26,17 @@
         }
       }
     }
+
+    #part-body {
+      #richtext {
+        word-break: break-all;
+        font-size: 30rpx;
+
+        .tiny-p {
+          margin-bottom: 1rem;
+        }
+      }
+    }
   }
 
   #section-tabs {

diff --git a/modules/article/pages/detail/index.wxml b/modules/article/pages/detail/index.wxml
@@ -16,7 +16,7 @@
     </view>
 
     <view id="part-body" class="padding-lr margin-top">
-      <rich-text nodes="{{ model.content }}"></rich-text>
+      <rich-text id="richtext" space="nbsp" nodes="{{ model.content }}"></rich-text>
     </view>
   </view>
 

diff --git a/modules/article/pages/detail/index.wxss b/modules/article/pages/detail/index.wxss
@@ -1 +1 @@
-#page-article-detail{padding-bottom:180rpx}#page-article-detail #section-article .area-header{position:relative;overflow:hidden;height:520rpx}#page-article-detail #section-article .area-header .image-cover{position:absolute;top:0;width:100%;height:520rpx}#page-article-detail #section-article .area-header .area-header-content{z-index:999;position:absolute;bottom:0;width:100%;background-color:rgba(255,255,255,.8)}#page-article-detail #section-article .area-header .area-header-content .part-title{line-height:1.5em}#page-article-detail #section-footer{padding:30rpx 30rpx 40rpx;position:fixed;bottom:0;left:0;width:100%;background-color:#fff;flex-direction:row;display:flex}#page-article-detail #section-footer .btn-thumb{height:80rpx;width:80rpx;font-size:34rpx;color:#333}#page-article-detail #section-footer .box-input{margin-left:1rem;flex-grow:1}#page-article-detail #section-footer .box-input .el-input{background-color:#f0f0f0;width:100%;height:80rpx;line-height:2rem;padding-left:1rem;padding-right:1rem;border-radius:2rem;justify-content:start;color:#333}
+#page-article-detail{padding-bottom:180rpx}#page-article-detail #section-article .area-header{position:relative;overflow:hidden;height:520rpx}#page-article-detail #section-article .area-header .image-cover{position:absolute;top:0;width:100%;height:520rpx}#page-article-detail #section-article .area-header .area-header-content{z-index:999;position:absolute;bottom:0;width:100%;background-color:rgba(255,255,255,.8)}#page-article-detail #section-article .area-header .area-header-content .part-title{line-height:1.5em}#page-article-detail #section-article #part-body #richtext{word-break:break-all;font-size:30rpx}#page-article-detail #section-article #part-body #richtext .tiny-p{margin-bottom:1rem}#page-article-detail #section-footer{padding:30rpx 30rpx 40rpx;position:fixed;bottom:0;left:0;width:100%;background-color:#fff;flex-direction:row;display:flex}#page-article-detail #section-footer .btn-thumb{height:80rpx;width:80rpx;font-size:34rpx;color:#333}#page-article-detail #section-footer .box-input{margin-left:1rem;flex-grow:1}#page-article-detail #section-footer .box-input .el-input{background-color:#f0f0f0;width:100%;height:80rpx;line-height:2rem;padding-left:1rem;padding-right:1rem;border-radius:2rem;justify-content:start;color:#333}
-Original file line number
+Diff line change
@@ Expand Up / @@ -16,7 +16,7 @@ @@
         </view>
         <view id="part-body" class="padding-lr margin-top">
-          <rich-text nodes="{{ model.content }}"></rich-text>
+          <rich-text id="richtext" space="nbsp" nodes="{{ model.content }}"></rich-text>
         </view>
       </view>
@@ Expand Down @@
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		#page-article-detail{padding-bottom:180rpx}#page-article-detail #section-article .area-header{position:relative;overflow:hidden;height:520rpx}#page-article-detail #section-article .area-header .image-cover{position:absolute;top:0;width:100%;height:520rpx}#page-article-detail #section-article .area-header .area-header-content{z-index:999;position:absolute;bottom:0;width:100%;background-color:rgba(255,255,255,.8)}#page-article-detail #section-article .area-header .area-header-content .part-title{line-height:1.5em}#page-article-detail #section-footer{padding:30rpx 30rpx 40rpx;position:fixed;bottom:0;left:0;width:100%;background-color:#fff;flex-direction:row;display:flex}#page-article-detail #section-footer .btn-thumb{height:80rpx;width:80rpx;font-size:34rpx;color:#333}#page-article-detail #section-footer .box-input{margin-left:1rem;flex-grow:1}#page-article-detail #section-footer .box-input .el-input{background-color:#f0f0f0;width:100%;height:80rpx;line-height:2rem;padding-left:1rem;padding-right:1rem;border-radius:2rem;justify-content:start;color:#333}
		#page-article-detail{padding-bottom:180rpx}#page-article-detail #section-article .area-header{position:relative;overflow:hidden;height:520rpx}#page-article-detail #section-article .area-header .image-cover{position:absolute;top:0;width:100%;height:520rpx}#page-article-detail #section-article .area-header .area-header-content{z-index:999;position:absolute;bottom:0;width:100%;background-color:rgba(255,255,255,.8)}#page-article-detail #section-article .area-header .area-header-content .part-title{line-height:1.5em}#page-article-detail #section-article #part-body #richtext{word-break:break-all;font-size:30rpx}#page-article-detail #section-article #part-body #richtext .tiny-p{margin-bottom:1rem}#page-article-detail #section-footer{padding:30rpx 30rpx 40rpx;position:fixed;bottom:0;left:0;width:100%;background-color:#fff;flex-direction:row;display:flex}#page-article-detail #section-footer .btn-thumb{height:80rpx;width:80rpx;font-size:34rpx;color:#333}#page-article-detail #section-footer .box-input{margin-left:1rem;flex-grow:1}#page-article-detail #section-footer .box-input .el-input{background-color:#f0f0f0;width:100%;height:80rpx;line-height:2rem;padding-left:1rem;padding-right:1rem;border-radius:2rem;justify-content:start;color:#333}