Procházet zdrojové kódy

update fyx 21.5.13 15:33

更新了activity页面
Chicolor před 4 roky
rodič
revize
439c982644

+ 6 - 5
miniprogram/pages/activity/activity.wxml

@@ -32,16 +32,17 @@
     </view>
   </view>
 
-  <image wx:if="{{like != -1}}" class="like" src="/images/like/{{like ? 'heart' : 'hollowheart'}}.png"
-    catchtap="toggleLike" />
-
   <view class="message-block">
-    <view class="dark-primary-color-font">{{activityComment.length == 0 ? "暂无问答" : "答疑区:"}}</view>
-    <view class="card" wx:for="{{activityComment}}" wx:for-item="item" wx:key="_id">
+    <view class="title2">{{activityComment.length == 0 ? "暂无问答" : "答疑区:"}}</view>
+    <image wx:if="{{like != -1}}" class="like" src="/images/like/{{like ? 'heart' : 'hollowheart'}}.png"
+      catchtap="toggleLike" />
+    <view class="card1" wx:for="{{activityComment}}" wx:for-item="item" wx:key="_id">
       <itemActivityComment comment="{{item}}" time="{{item.time}}" />
     </view>
   </view>
 
+  <text>\n</text>
+
   <view class="comment block-background-color">
     <view class="comment-inside" style="display: flex; align-items: center;">
       <icon type="info" size="20" color="#B0B0B0"></icon>

+ 23 - 3
miniprogram/pages/activity/activity.wxss

@@ -43,8 +43,11 @@
 } */
 
 .like {
-  height: 50rpx;
-  width: 50rpx;
+  height: 40rpx;
+  width: 40rpx;
+  position: relative;
+  float: right;
+  right: 40rpx;
 }
 
 /* .activity-name{
@@ -135,6 +138,16 @@
   box-shadow: 5rpx 5rpx 8rpx 0rpx rgba(0, 0, 0, 0.16);
 }
 
+.card1 {
+  display: flex;
+  flex-direction: column;
+  align-self: center;
+  width: 700rpx;
+  margin: 50rpx 30rpx;
+
+}
+
+
 .avatar-name {
   display: flex;
 }
@@ -171,7 +184,7 @@
 }
 
 .time {
-  font-size: 16rpx;
+  font-size: 20rpx;
 }
 
 .activity-attribute {
@@ -189,6 +202,13 @@
   font-size: 28rpx;
 }
 
+.title2 {
+  font-size: 34rpx;
+  position: relative;
+  float: left;
+  left: 30rpx;
+}
+
 .title-time {
   margin-left: 50rpx;
   margin-right: 30rpx;