新闻分类

app.json

@@ -1,10 +1,14 @@
 {
   "pages": [
     "pages/index/index",
+    "pages/order/order",
     "pages/venue/venue",
     "pages/center/center",
-    "pages/broadcastList/broadcastList",
+    "pages/newFriendCircle/newFriendCircle",
+    "pages/myFriendCircle/myFriendCircle",
+    "pages/friendCircle/friendCircle",
     "pages/orderDetail/orderDetail",
+    "pages/broadcastList/broadcastList",
     "pages/myVenueOrder/myVenueOrder",
     "pages/broadcast/broadcast",
     "pages/activityDialog/activityDialog",

pages/newsList/newsList.wxml

@@ -1,3 +1,25 @@
+<view class="top-tab">
+  <view class="tab-box active">
+    <image src="../../images/selected-l.png" class="selected-l"></image>
+    未参加
+    <image src="../../images/selected-r.png" class="selected-r"></image>
+  </view>
+  <view class="tab-box">
+    <image src="../../images/selected-l.png" class="selected-l"></image>
+    已参加
+    <image src="../../images/selected-r.png" class="selected-r"></image>
+  </view>
+  <view class="tab-box">
+    <image src="../../images/selected-l.png" class="selected-l"></image>
+    已参加
+    <image src="../../images/selected-r.png" class="selected-r"></image>
+  </view>
+  <view class="tab-box">
+    <image src="../../images/selected-l.png" class="selected-l"></image>
+    已参加
+    <image src="../../images/selected-r.png" class="selected-r"></image>
+  </view>
+</view>
 <view class="news">
   <view wx:for="{{news.newsList}}" wx:for-index="idx" wx:for-item="item" wx:key="newsList">
     <view class="news-box" bindtap="goNewsDetail" data-template-record-url="{{item.templateRecordUrl}}" wx:if="{{item.typesettingCode == 'key_1'}}">

pages/newsList/newsList.wxss

@@ -1,6 +1,49 @@
+.top-tab{
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  box-shadow:0 0 17rpx 0 rgba(0,0,0,0.1);
+  border-radius:0 0 31rpx 31rpx;
+  background: #fff;
+  overflow-x: auto;
+}
+.tab-box{
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  width: 30%;
+  position: relative;
+  height: 90rpx;
+  font-size: 30rpx;
+  color: #242424;
+  flex-shrink: 0;
+}
+.tab-box.active{
+  color: #9F1512;
+}
+.tab-box image{
+  position: absolute;
+  width: 15rpx;
+  height: 40rpx;
+  top: 50%;
+  margin-top: -20rpx;
+  display: none;
+}
+.tab-box.active image{
+  display: block;
+}
+.tab-box image.selected-l{
+  left: 40rpx;
+}
+.tab-box image.selected-r{
+  right: 40rpx;
+}
 .news{
   padding: 30rpx;
   border-bottom: 5px solid #FBFBFB;
+  margin-top: 90rpx;
 }
 .news-box{
   padding: 30rpx 0;