main

topbar修复

miniprogram/pages/main/main.js

@@ -12,40 +12,40 @@ Page({
     filterItem: ["", "", "", ""],
     filterName: [{},
       {
-        type: "信息类型",
-        list: [{
-            sub: "通知",
-            item: [{
-                secondSub: "生活通知",
-                subitem: ["水电通知", "缴费通知", "假期通知", "后勤通知", "图书馆通知"]
+        title: "信息类型",
+        children: [{
+            title: "通知",
+            children: [{
+                title: "生活通知",
+                children: ["水电通知", "缴费通知", "假期通知", "后勤通知", "图书馆通知"]
               },
               {
-                secondSub: "学业通知",
-                subitem: ["选课通知", "竞赛通知", "考试通知"]
+                title: "学业通知",
+                children: ["选课通知", "竞赛通知", "考试通知"]
               },
               {
-                secondSub: "其他通知",
-                subitem: ["其他通知"]
+                title: "其他通知",
+                children: ["其他通知"]
               }
             ]
           },
           {
-            sub: "活动",
-            item: ["志愿活动", "文艺活动", "体育活动", "学术活动", "素质拓展", "精品课程", "其他活动"]
+            title: "活动",
+            children: ["志愿活动", "文艺活动", "体育活动", "学术活动", "素质拓展", "精品课程", "其他活动"]
           },
           {
-            sub: "纳新",
-            item: ["社团纳新", "组织纳新"]
+            title: "纳新",
+            children: ["社团纳新", "组织纳新"]
           }
         ]
       },
       {
-        type: "发布来源",
-        item: ["我关注的", "社团", "组织", "权服侠", "学校部门"]
+        title: "发布来源",
+        children: ["我关注的", "社团", "组织", "权服侠", "学校部门"]
       },
       {
-        type: "我的需求",
-        item: ["二课分", "三课分", "四课分", "勤工助学", "志愿者小时数", "综素/活动纪实"]
+        title: "我的需求",
+        children: ["二课分", "三课分", "四课分", "勤工助学", "志愿者小时数", "综素/活动纪实"]
       }
     ],
     activity: null,
@@ -156,9 +156,9 @@ Page({
           if (i == 0) {
             arr[i].tag = ['紫金港', '管控', '保卫处']
           } else if (i == 1) {
-            arr[i].tag = ['公益', '丹青']
-          } else if (i == 2) {
             arr[i].tag = ['玉泉', '停电']
+          } else if (i == 2) {
+            arr[i].tag = ['公益', '画展']
           }
           this.setData({
             mainDatas: arr

miniprogram/pages/main/main.wxml

@@ -3,53 +3,49 @@
 <view class="page">
   <view class="filter">
     <view class="filter-item secondary-text-color" data-filter-list="1" bindtap="toggleFilterList">
-      <text>{{filterItem[1] == "" ? filterName[1].type : filterItem[1]}}</text>
+      <text>{{filterItem[1] == "" ? filterName[1].title : filterItem[1]}}</text>
       <image class="filter-arrow" id="arrow1" mode="aspectFit" src="/images/arrow.png"></image>
     </view>
     <view class="filter-line"></view>
     <view class="filter-item secondary-text-color" data-filter-list="2" bindtap="toggleFilterList">
-      <text>{{filterItem[2] == "" ? filterName[2].type : filterItem[2]}}</text>
+      <text>{{filterItem[2] == "" ? filterName[2].title : filterItem[2]}}</text>
       <image class="filter-arrow" id="arrow2" mode="aspectFit" src="/images/arrow.png"></image>
     </view>
     <view class="filter-line"></view>
     <view class="filter-item secondary-text-color" data-filter-list="3" bindtap="toggleFilterList">
-      <text>{{filterItem[3] == "" ? filterName[3].type : filterItem[3]}}</text>
+      <text>{{filterItem[3] == "" ? filterName[3].title : filterItem[3]}}</text>
       <image class="filter-arrow" id="arrow3" mode="aspectFit" src="/images/arrow.png"></image>
     </view>
   </view>
   <view class="filter-lists">
-    <view wx:if="{{filterList == 1}}" class="filter-list1" id="list1">
-      <view wx:for="{{filterName[1].list}}" wx:for-item="item" wx:key="type">
-        <view class="filter-list-title primary-text-color">{{item.sub}}</view>
-        <view class="filter-list-subtitle primary-text-color">{{item.item[0].secondSub}}</view>
-        <view class="filter-list-item secondary-text-color" wx:for="{{item.item[0].subitem}}" wx:for-item="name" wx:key="*this"
-          data-filter-list="1" data-filter-item="{{name}}" bindtap="toggleFilterItem">{{name}}<view
-            wx:if="{{filterItem[1] == name}}">✔</view>
-        </view>
-        <view class="filter-list-subtitle primary-text-color">{{item.item[1].secondSub}}</view>
-        <view class="filter-list-item secondary-text-color" wx:for="{{item.item[1].subitem}}" wx:for-item="name" wx:key="*this"
-          data-filter-list="1" data-filter-item="{{name}}" bindtap="toggleFilterItem">{{name}}<view
-            wx:if="{{filterItem[1] == name}}">✔</view>
-        </view>
-        <view class="filter-list-subtitle primary-text-color">{{item.item[2].secondSub}}</view>
-        <view class="filter-list-item secondary-text-color" wx:for="{{item.item[2].subitem}}" wx:for-item="name" wx:key="*this"
-          data-filter-list="1" data-filter-item="{{name}}" bindtap="toggleFilterItem">{{name}}<view
-            wx:if="{{filterItem[1] == name}}">✔</view>
+    <view wx:if="{{filterList == 1}}" class="filter-list" id="list1">
+      <view wx:for="{{filterName[1].children}}" wx:for-item="item" wx:key="title">
+        <view class="filter-list-title primary-text-color">{{item.title}}</view>
+        <view wx:for="{{item.children}}" wx:for-item="item" wx:key="title">
+          <view wx:if="{{!item.children}}" class="filter-list-item secondary-text-color" data-filter-list="1"
+            data-filter-item="{{item}}" bindtap="toggleFilterItem">{{item}}<view wx:if="{{filterItem[1] == item}}">✔
+            </view>
+          </view>
+          <view class="filter-list-subtitle primary-text-color" wx:if="{{item.children}}">{{item.title}}</view>
+          <view class="filter-list-item secondary-text-color" wx:for="{{item.children}}" wx:for-item="title"
+            wx:key="title" data-filter-list="1" data-filter-item="{{title}}" bindtap="toggleFilterItem">{{title}}<view
+              wx:if="{{filterItem[1] == title}}">✔</view>
+          </view>
         </view>
       </view>
     </view>
     <view class="filter-list"></view>
     <view wx:if="{{filterList == 2}}" class="filter-list" id="list2">
-      <view class="filter-list-item secondary-text-color" wx:for="{{filterName[2].item}}" wx:for-item="name" wx:key="*this"
-        data-filter-list="2" data-filter-item="{{name}}" bindtap="toggleFilterItem">{{name}}<view
-          wx:if="{{filterItem[2] == name}}">✔</view>
+      <view class="filter-list-item secondary-text-color" wx:for="{{filterName[2].children}}" wx:for-item="title"
+        wx:key="*this" data-filter-list="2" data-filter-item="{{title}}" bindtap="toggleFilterItem">{{title}}<view
+          wx:if="{{filterItem[2] == title}}">✔</view>
       </view>
     </view>
     <view class="filter-list"></view>
     <view wx:if="{{filterList == 3}}" class="filter-list" id="list3">
-      <view class="filter-list-item secondary-text-color" wx:for="{{filterName[3].item}}" wx:for-item="name" wx:key="*this"
-        data-filter-list="3" data-filter-item="{{name}}" bindtap="toggleFilterItem">{{name}}<view
-          wx:if="{{filterItem[3] == name}}">✔</view>
+      <view class="filter-list-item secondary-text-color" wx:for="{{filterName[3].children}}" wx:for-item="title"
+        wx:key="*this" data-filter-list="3" data-filter-item="{{title}}" bindtap="toggleFilterItem">{{title}}<view
+          wx:if="{{filterItem[3] == title}}">✔</view>
       </view>
     </view>
   </view>

miniprogram/pages/main/main.wxss

@@ -42,7 +42,7 @@
 
 .filter-lists {
   position: fixed;
-  top: 75rpx;
+  top: 60rpx;
   left: 0rpx;
   display: flex;
   justify-content: space-around;
@@ -51,21 +51,13 @@
   z-index: 100;
 }
 
-.filter-list1 {
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  width: 100%;
-  font-size: 25rpx;
-  background: rgba(255, 255, 255, 0.95);
-  opacity: 0;
-}
-
 .filter-list {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   width: 33%;
+  max-height: 500rpx;
+  overflow-y: scroll;
   font-size: 25rpx;
   background: rgba(255, 255, 255, 0.95);
   opacity: 0;
@@ -74,28 +66,21 @@
 .filter-list-title {
   display: flex;
   justify-content: space-between;
-  height: 40rpx;
-  font-size: 25rpx;
-  line-height: 40rpx;
+  line-height: 50rpx;
   margin-left: 15rpx;
-  margin-right: 15rpx;
 }
 
 .filter-list-subtitle {
   display: flex;
   justify-content: space-between;
-  height: 40rpx;
-  font-size: 25rpx;
-  line-height: 40rpx;
+  line-height: 50rpx;
   margin-left: 20rpx;
-  margin-right: 15rpx;
 }
 
 .filter-list-item {
   display: flex;
   justify-content: space-between;
-  height: 60rpx;
-  line-height: 60rpx;
-  margin-left: 20rpx;
+  line-height: 50rpx;
+  margin-left: 25rpx;
   margin-right: 25rpx;
 }