From d3a82382d604f220acaf0a5dcc804307540dddbb Mon Sep 17 00:00:00 2001
From: link_1999 <1402246900@qq.com>
Date: Wed, 6 Apr 2022 20:23:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E6=96=87=E4=BB=B6=E8=87=B3?=
 =?UTF-8?q?=20'=E6=96=B0=E9=97=BB=E5=B0=8F=E7=A8=8B=E5=BA=8F/pages/news-de?=
 =?UTF-8?q?tail'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

完善了样式
---
 新闻小程序/pages/news-detail/news-detail.wxml | 20 +++++----
 新闻小程序/pages/news-detail/news-detail.wxss | 45 ++++++++++++++++++-
 2 files changed, 56 insertions(+), 9 deletions(-)

diff --git a/新闻小程序/pages/news-detail/news-detail.wxml b/新闻小程序/pages/news-detail/news-detail.wxml
index 0eeeeb4..8d69cf7 100644
--- a/新闻小程序/pages/news-detail/news-detail.wxml
+++ b/新闻小程序/pages/news-detail/news-detail.wxml
@@ -1,9 +1,13 @@
-<view>
-  <view>{{detail.news_title}}</view>
-  <view>{{detail.news_date}}</view>
-  <view>{{detail.news_author}}</view>
-  <view wx:if="{{news_image}}">
-    <image src="{{news_image}}"></image>
+<view class="detail_start">
+  <view class="news_title">{{detail.news_title}}</view>
+  <view class="publisher-info">
+    <view class="news_author">{{detail.news_author}}</view>
+    <view class="news_date">发布于{{detail.news_date}}</view>
   </view>
-  <view>{{detail.news_content}}</view>
-</view>
\ No newline at end of file
+</view>
+
+
+<view wx:if="{{news_image}}">
+  <image class="news_image" src="{{news_image}}"></image>
+</view>
+<rich-text class="news_content">{{detail.news_content}}</rich-text>
\ No newline at end of file
diff --git a/新闻小程序/pages/news-detail/news-detail.wxss b/新闻小程序/pages/news-detail/news-detail.wxss
index 67ad8cf..acd4bb1 100644
--- a/新闻小程序/pages/news-detail/news-detail.wxss
+++ b/新闻小程序/pages/news-detail/news-detail.wxss
@@ -1 +1,44 @@
-/* pages/news-detail/news-detail.wxss */
\ No newline at end of file
+page {
+  display: flex;
+  flex-direction: column;
+}
+.news_title {
+  font-size: 26px;
+  line-height: 28px;
+  font-weight: 700;
+  color: #3a3a3a;
+  text-align: justify;
+  margin: 30rpx 20rpx;
+}
+.publisher-info{
+  margin: 0 30rpx;
+  display: flex;
+  flex-direction: row;
+  border-bottom: 1px solid grey;
+}
+.news_author {
+  font-size: 13px;
+  border-radius: 10rpx;
+  height: 40rpx;
+  text-align: center;
+  border: 1px solid;
+}
+.news_date {
+  font-size: 13px;
+  color: #999;
+  margin-left: 30rpx;
+  margin-bottom: 30rpx;
+}
+.news_content {
+  margin: 30rpx 20rpx;
+}
+.news_content .txt {
+  word-wrap: break-word;
+  font-size: 18px;
+  color: #333;
+  text-align: center;
+}
+.news_image {
+  width: 90%;
+  margin: 30rpx;
+}
\ No newline at end of file