会议详情，项目详情，我的页面

pages/project/project.js

@@ -1,18 +1,56 @@
-// pages/meeting/meeting.js
+import UserApi from '../../assets/js/http/userApi'
 Page({
 
   /**
    * 页面的初始数据
    */
   data: {
-    
+    searchParams: {
+      pageNo: 1,
+      pageSize: 10,
+      needInvoice: 0, // 是否需要发票 0 1
+      pack: 0, // 是否打包 0 1
+      year: '', // 运行年份
+    },
+    selects: [ // 自定义选择框参数
+      {
+        select: '发票',
+        active: false,
+        tabIndex: 1
+      },
+      {
+        select: '打包',
+        active: false,
+        tabIndex: 2
+      },
+      {
+        select: '时间',
+        active: false,
+        tabIndex: 3
+      }
+    ]
+  },
+  // 项目详情
+  projectDetail(){
+    wx.navigateTo({
+      url: '../projectDetail/projectDetail',
+    })
   },
-
   /**
    * 生命周期函数--监听页面加载
    */
   onLoad: function (options) {
-
+    console.log(this.data.searchParams)
+    UserApi.projectList(this.data.searchParams).then(res=>{
+      console.log(res)
+      
+    }).catch(err=>{
+      wx.showToast({
+        title: '加载失败',
+        icon: 'fail',
+        duration: 2000
+      })
+    })
   },
 
   /**

pages/project/project.json

@@ -1,3 +1,4 @@
 {
+  "navigationBarTitleText": "项目",
   "usingComponents": {}
 }

pages/project/project.wxml

@@ -1,4 +1,22 @@
-<!--pages/meeting/meeting.wxml-->
-<view>
-	<text>来款项目</text>
+<!--pages/meeting/meeting.wxml首页会议活动-->
+<view class="select-list">
+	<view class="select-item" bindtap="changeTab(select)" wx:for="{{selects}}" wx:for-item="select" wx:key="tabIndex">
+		<text>{{select.select}}</text>
+		<image wx:if="{{!select.active}}" src="../../assets/images/toTop.png"></image>
+		<image wx:if="{{select.active}}" src="../../assets/images/toBottom.png"></image>
+	</view>
+</view>
+<view class="list">
+	<view class="list-item" wx:for="{{[1,1,1,1]}}" bindtap="projectDetail" wx:key="item">
+		<view class="title">
+			<text>项目名称文字占位符项目名称文字占位符项目名称文字占位符</text>
+			<text>2021-12-12</text>
+		</view>
+		<view class="content-text">
+			<text>需要发票</text>
+			<text>到账</text>
+			<text>开票</text>
+			<text>邮寄</text>
+		</view>
+	</view>
 </view>

pages/project/project.wxss

@@ -1,9 +1,15 @@
 /* pages/meeting/meeting.wxss */
+page {
+  background-color: #F5F5F5;
+}
+/* 头部筛选 start */
 .select-list {
-  height: 92rpx;
+  border-top: 0.5px solid #F5F5F5;
+  height: 40px;
+  font-size: 14px;
   display: flex;
   align-items: center;
-  background-color: #F5F5F5;
+  background-color: #fff;
 }
 
 .select-item {
@@ -14,7 +20,54 @@
 }
 
 .select-item image {
-  width: 21rpx;
-  height: 12rpx;
-  margin-left: 20rpx;
-}
+  width: 11px;
+  height: 6px;
+  margin-left: 9px;
+}
+/* 头部筛选end */
+/* 列表start */
+.list{
+  padding: 15px;
+}
+.list-item{
+  height: 90px;
+  background-color: #fff;
+  border-radius: 5px;
+  padding: 10px 15px;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  flex-direction: column;
+}
+.list-item:not(:first-child) {
+  margin-top: 10px;
+}
+.list-item .title{
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.list-item .title text:nth-child(1){
+  font-size: 14px;
+  color: #333;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.list-item .title text:nth-child(2){
+  font-size: 12px;
+  color: #999;
+  width: 70px;
+  text-align: right;
+  flex-shrink: 0;
+}
+.content-text{
+  width: 100%;
+  color: #999;
+  font-size: 12px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}