update the post page

1.fix the showing of the current tag item 2.add delete icon to remove the current tag
Cha0s0000 · Apr 25, 2018 · 3552a6e · 3552a6e
1 parent 8f42986
commit 3552a6e
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 5 deletions.
diff --git a/images/icon/close.png b/images/icon/close.png
diff --git a/pages/post/post.js b/pages/post/post.js
@@ -925,6 +925,11 @@ Page({
     wx.navigateTo({
       url: '../profile/profile?account=' + account
     })
-  }
+  },
+
+  deleteTag: function (e) {
+    app.globalData.tag = '';
+    this.onLoad();
+  },
 })
 
diff --git a/pages/post/post.wxml b/pages/post/post.wxml
@@ -17,7 +17,10 @@
 
           </block>
         </scroll-view>
-        <view class="currentTag">{{currentTag}}</view>
+        <view class="currentTag">
+          <text class="tagText">{{currentTag}}</text>
+          <image hidden= "{{currentTag == 'All'?  true : false}}" bindtap='deleteTag' class="deleteTag" src="../../images/icon/close.png"></image>
+        </view>
         <image bindtap='searchTags' class="searchIcon" src="../../images/icon/search.png"></image>
     </view>
     <view class="content {{open ? 'page-move' : ''}}">

diff --git a/pages/post/post.wxss b/pages/post/post.wxss
@@ -257,9 +257,9 @@ swiper,swiper image {
 .currentTag{
   position: absolute;
   left:350rpx;
-  display:block;
+  display:flex;
   text-align: center;
-  margin-left: 20px;
+  margin-left: 10px;
   margin-right: 20px;
   border-width: medium;
   border-style: solid;
@@ -269,7 +269,20 @@ swiper,swiper image {
   border-bottom-left-radius: 30rpx;
   border-bottom-right-radius: 30rpx;
   justify-content:center;
-
+  align-items: center;
+}
+
+.tagText{
+  font-size: 1.7ch;
+  font-weight:600;
+  margin-left: 10rpx;
+  margin-right: 10rpx;
+}
+
+.deleteTag{
+  margin-right:10rpx;
+  width: 30rpx;
+  height: 30rpx;
 }
 
 .drawer_screen {