message update

界面设计有少许修改 还没有具体功能嵌入

miniprogram/app.json

@@ -1,5 +1,6 @@
 {
   "pages": [
+    "pages/message/message",
     "pages/search/search",
     "pages/main/main",
     "pages/setting/setting",
@@ -10,7 +11,6 @@
     "pages/publisherLogin/publisherLogin",
     "pages/activityPublish/activityPublish",
     "pages/user/user",
-    "pages/message/message",
     "pages/myQuestion/myQuestion",
     "pages/receivedQuestion/receivedQuestion",
     "pages/publisherInfoChange/publisherInfoChange",

miniprogram/components/itemmyNews/itemmyNews.wxml

@@ -1,12 +1,14 @@
 <!-- 为消息-我的消息里通知的组件，组件中数据来自data:newNewsData.js -->
 <view class="card">
-  <view class="profile">
-    <image class="publisherAvatar" src="{{item.publisherAvatar}}" mode="aspectFill" data-publisher-id="{{item.publisherID}}" bindtap="getPublisherInfo"/>
-    <view class="publisherName dark-primary-color-font" wx:if="{{item.publishType=='回复'}}">
-      <text style="font-weight:800">{{item.publisherName}}</text><text>对您的问题进行了回复</text>
+  <view class="top">
+    <view class="profile" wx:if="{{item.publishType=='回复'}}">
+      <text class="publisher-name">{{item.publisherName}}</text><text class="primary-color-fg"
+        style="font-size:24rpx;">对您的评论进行了回复</text>
     </view>
+    <text class="primary-color-fg detail">查看</text>
   </view>
-  <view class="title">{{item.title}}</view>
-  <view class="subTitle">{{item.subTitle}}</view>
-  <view class="line divider-color"></view>
-</view>
+  <view class="bottom">
+    <view class="title secondary-text-color">{{item.title}}</view>
+    <text class="primary-color-fg detail">回复</text>
+  </view>
+</view>

miniprogram/components/itemmyNews/itemmyNews.wxss

@@ -1,44 +1,44 @@
-.card{
+.card {
   height: auto;
-  width: 700rpx;
-  margin-top: 20rpx;
+  margin: 30rpx 20rpx 0rpx 20rpx;
+  background-color: #ffffff;
+  box-shadow: 5rpx 5rpx 8rpx 0rpx rgba(0,0,0,0.16);
+  border-radius: 20rpx;
+  padding-top: 20rpx;
 }
 
-.publisherAvatar{
-  width: 50rpx;
-  height: 50rpx;
-  border-radius: 30rpx;
-  margin-left: 10rpx;
-  margin-right: 10rpx;
+.publisher-name {
+  font-size: 30rpx;
 }
 
-.profile{
-  display: flex;
-  flex-direction: row;
+.title {
+  font-size: 24rpx;
+  margin-bottom: 10rpx;
 }
 
-.publisherName{
-  font-size: 30rpx;
-  align-self: center;
-  margin-right: 10rpx;
+.top {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin: 0rpx 30rpx 0rpx 30rpx;
 }
 
-.title{
-  font-size: 30rpx;
-  margin-left: 78rpx;
-  margin-bottom: 10rpx;
-  font-weight: 800;
+.bottom{
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin: 20rpx 30rpx 0rpx 30rpx;
+  padding-bottom: 20rpx;
 }
 
-.subTitle{
-  font-size: 25rpx;
-  margin-left: 78rpx;
-  margin-bottom: 20rpx;
-  margin-right: 20rpx;
+.profile {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
 }
 
-.line{
-  width: 700rpx;
-  height: 1rpx;
-  margin-top: 20rpx;
+.detail {
+  font-size: 24rpx;
 }

miniprogram/pages/message/message.wxss

@@ -1,7 +1,4 @@
 .page{
   display: flex;
   flex-direction: column;
-  justify-content: flex-start;
-  align-items: center;
-  margin: 0%;
 }