首页优化完成

pages/articledetail/index.js

@@ -32,7 +32,8 @@ Page( {
           "content-type": "application/json" // 默认值
         }, 
         success (res) {
-              WxParse.wxParse('body', 'html', res.data.content, that);
+              let content = res.data.content;
+              WxParse.wxParse('body', 'html', content, that);
               if(res.data.type==6||res.data.type==7){
                 wx.setNavigationBarTitle({
                   title: res.data.title

pages/articledetail/index.wxss

@@ -14,34 +14,78 @@ page{
   width:100%;
   background-color:#fff;
   box-sizing: border-box;
-  overflow: hidden; 
 }
 .shopping_container .title{
-  margin: 20rpx 0;
+  margin: 40rpx 0 30rpx 0;
   width:100%;
   text-align: center;
   font-weight: bold;
-  color: #333;
+  font-size: 40rpx;
+  color: #222;
+  letter-spacing: 2rpx;
 }
 .shopping_container .wxParse{
   position: relative;
-  float: left;
   padding: 0;
   width:100%;
-  text-align: center;
+  text-align: left;
   box-sizing: border-box;
-  overflow: hidden;
 }
-.shopping_container .wxParse view{
-  text-indent: 2em;
+
+/* h1标题居中 - 使用flex布局确保子元素同行 */
+.shopping_container .wxParse .wxParse-h1 {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: baseline;
+  margin: 10px 0 !important;
+  padding: 0 !important;
 }
+
+.shopping_container .wxParse .wxParse-h1 view,
+.shopping_container .wxParse .wxParse-h1 .wxParse-inline,
+.shopping_container .wxParse .wxParse-h1 .WxEmojiView {
+  display: inline-block !important;
+}
+
+/* h2标题 */
+.shopping_container .wxParse .wxParse-h2 {
+  text-align: left !important;
+  font-size: 36rpx !important;
+  font-weight: bold !important;
+  margin: 40rpx 0 20rpx 0 !important;
+  color: #222;
+  letter-spacing: 1rpx;
+}
+
+/* 正文段落 - 优化排版 */
+.shopping_container .wxParse .wxParse-p {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  text-align: justify;
+  line-height: 2.2;
+  margin: 32rpx 0;
+  font-size: 32rpx;
+  color: #333;
+  letter-spacing: 1rpx;
+}
+
+/* 段落内的所有view都使用inline-block，防止flex干扰 */
+.shopping_container .wxParse .wxParse-p view,
+.shopping_container .wxParse .wxParse-p .wxParse-inline,
+.shopping_container .wxParse .wxParse-p .WxEmojiView {
+  display: inline-block !important;
+  float: none !important;
+  line-height: 2.2;
+}
+
 .shopping_container .wxParse image{
   position: relative;
   float: left;
   width:100%;
 }
 .shopping_container .wxParse img{
-  
   width:100%;
 }
 .shopping_container .wxParse video{
@@ -53,5 +97,3 @@ page{
 .shopping_container .wxParse.shuping video{
   height:35em;
 }
-
-