publisher

发布者详细页面

miniprogram/app.json

@@ -1,14 +1,14 @@
 {
   "pages": [
-    "pages/user/user",
     "pages/main/main",
+    "pages/publisher/publisher",
+    "pages/publisherPage/publisherPage",
+    "pages/user/user",
     "pages/message/message",
     "pages/search/search",
     "pages/setting/setting",
     "pages/activity/activity",
     "pages/myFollow/myFollow",
-    "pages/publisher/publisher",
-    "pages/publisherPage/publisherPage",
     "pages/publisherLogin/publisherLogin",
     "pages/activityPublish/activityPublish",
     "pages/myQuestion/myQuestion",

miniprogram/pages/publisher/publisher.json

@@ -1,5 +1,5 @@
 {
   "usingComponents": {
-    "itemCard":"/components/itemPublisher/itemPublisher"
+    "itemCard": "/components/itemCard/itemCard"
   }
 }

miniprogram/pages/publisher/publisher.wxml

@@ -1,24 +1,29 @@
 <!-- 为发布者具体页面 含component：itemPublisher;data：publisherInfoData.js mainData.js -->
 <view class="top">
-  <view class="publisher  block-background-color" >
-    <view class="brief-info light-primary-color">
-      <image class="publisher-avatar" src="{{publisherInfo.publisherAvatar}}" mode="aspectFill"/>
-      <view class="brief-info-right">
-        <view class="publisher-name default-primary-color-font">{{publisherInfo.publisherName}}</view>
-        <view class="brief-info-right-below">
-          <view class="publisher-attribute accent-color white-text-color">{{publisherInfo.publisherAttribute}}</view>
-          <image wx:if="{{like != -1}}" class="like" src="/images/like/{{like ? 'heart' : 'hollowheart'}}.png" bindtap="toggleLike"/>
-        </view>
-      </view>
+  <view class="brief-info">
+    <view class="brief-info-left">
+      <image class="publisher-avatar" src="{{publisherInfo.publisherAvatar}}" mode="aspectFill" />
+      <text class="publisher-name">{{publisherInfo.publisherName}}</text>
     </view>
-    <view class="detailed-info">
-      <view class="publisher-intro"><text class="b">简介：</text>{{publisherInfo.publisherIntro}}</view>
-      <view class="publisher-contact">{{publisherInfo.publisherContact}}</view>
+    <image wx:if="{{like != -1}}" class="like" src="/images/like/{{like ? 'heart' : 'hollowheart'}}.png"
+      bindtap="toggleLike" />
+  </view>
+
+
+  <view class="detailed-info">
+    <view class="publisher-intro secondary-text-color"><text
+        class="primary-text-color">简介：</text>{{publisherInfo.publisherIntro}}</view>
+    <view class="check">
+      <text class="check-text primary-text-color">查看详情</text>
+      <image class="arrow" src="/images/hollow_arrow.png" mode="aspectFill"></image>
     </view>
   </view>
 </view>
-<view class="page">
-  <view class="card" wx:for="{{mainDatas}}" wx:for-item="item" wx:for-index="index" wx:key="_id">
-    <itemCard item="{{item}}"/>
-  </view>
+
+
+
+
+
+<view class="card" wx:for="{{mainDatas}}" wx:for-item="item" wx:for-index="index" wx:key="_id">
+  <itemCard item="{{item}}" />
 </view>

miniprogram/pages/publisher/publisher.wxss

@@ -1,89 +1,81 @@
-.page{
+.top {
   display: flex;
   flex-direction: column;
-  justify-content: flex-start;
   align-items: center;
-  margin: 0%;
+  margin-top: 40rpx;
 }
 
-.top{
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin-top: 20rpx;
-}
-
-.publisher{
-  display: flex;
-  flex-direction: column;
-  margin: 0rpx;
-  width: 90%;
-  border-radius: 30rpx;
-  border-width: 10rpx;
-  border-style: solid;
-  border-color: #3F51B5;
-  z-index: 0;
-}
 
-.brief-info{
+.brief-info {
   display: flex;
   flex-direction: row;
-  border-radius: 20rpx 20rpx 0rpx 0rpx;
+  justify-content: space-between;
+  align-items: center;
   z-index: 1;
+  width: 100%;
 }
 
-.brief-info-right{
+.brief-info-left {
   display: flex;
-  flex-direction: column;
-  margin-top: 35rpx;
+  flex-direction: row;
+  align-items: center;
+  margin: 0rpx 0rpx 0rpx 40rpx;
 }
-.publisher-avatar{
-  height: 150rpx;
-  width: 150rpx;
+
+.publisher-avatar {
+  height: 120rpx;
+  width: 120rpx;
   border-radius: 100rpx;
-  margin: 20rpx;
-  border-width: 5rpx;
-  border-style: solid;
-  border-color: #3F51B5;
+  z-index: 20;
+  box-shadow: 5rpx 5rpx 8rpx 0rpx rgba(0, 0, 0, 0.16);
 }
 
-.publisher-name{
-  font-weight: 800;
-  text-decoration: underline;
+.publisher-name {
   font-size: 40rpx;
+  background-color: #ffffff;
+  border-radius: 20rpx;
+  box-shadow: 5rpx 5rpx 8rpx 0rpx rgba(0, 0, 0, 0.16);
+  padding: 10rpx 40rpx 10rpx 40rpx;
+  margin-left: -30rpx;
 }
 
-.publisher-attribute{
-  align-self: center;
-  padding: 5rpx 25rpx;
-  font-size: 30rpx;
-}
-
-.detailed-info{
-  font-size: 30rpx;
-  margin-left: 25rpx;
-  margin-top:0rpx;
-  margin-right: 25rpx;
+.detailed-info {
+  margin-left: 40rpx;
+  margin-top: 20rpx;
+  margin-right: 40rpx;
   margin-bottom: 25rpx;
   padding: 10rpx;
 }
 
-.publisher-contact{
-  margin-top: 20rpx;
+.publisher-intro {
+  font-size: 24rpx;
 }
 
-.b{
-  font-weight: 700;
-}
-
-.like{
+.like {
+  margin-right: 50rpx;
   height: 50rpx;
   width: 50rpx;
-  margin-left:220rpx;
 }
 
-.brief-info-right-below{
-  padding: 20rpx;
+.check {
   display: flex;
   flex-direction: row;
+  align-items: center;
+  position: absolute;
+  right: 50rpx;
+}
+
+.check-text {
+  font-size: 24rpx;
+  margin-right: 10rpx;
+}
+
+.arrow {
+  height: 20rpx;
+  width: 20rpx;
+}
+
+.card {
+  margin-left: 20rpx;
+  margin-right: 20rpx;
 }