小程序筛选功能代买带wxss 筛选条件：姓名 年龄 年份 奖励 展示数据：个人信息

好的，这个需求可以分为以下几个步骤实现：

1. 创建一个页面用于展示所有个人信息，并添加筛选功能。
2. 在该页面中添加姓名、年龄、年份、奖励四个筛选条件。
3. 通过 wx.request 发送请求获取个人信息数据，然后根据筛选条件进行筛选。
4. 将筛选后的数据展示在页面中。

下面是一个简单的实现过程：

1. 在 app.json 中配置页面路径：

"pages": [
  "pages/index/index"
]

2. 创建一个 index 页面，并添加筛选条件：

<view class="filter">
  <input placeholder="姓名" bindinput="bindName" />
  <input placeholder="年龄" bindinput="bindAge" />
  <input placeholder="年份" bindinput="bindYear" />
  <input placeholder="奖励" bindinput="bindReward" />
</view>
<view class="list">
  <block wx:for="{{list}}" wx:key="index">
    <view class="item">{{item.name}} {{item.age}} {{item.year}} {{item.reward}}</view>
  </block>
</view>

3. 在 index 页面的 js 文件中添加筛选相关代码：

Page({
  data: {
    list: [], // 所有个人信息
    name: '', // 姓名筛选条件
    age: '', // 年龄筛选条件
    year: '', // 年份筛选条件
    reward: '', // 奖励筛选条件
  },
  onLoad() {
    this.getData()
  },
  getData() {
    wx.request({
      url: '请求个人信息数据的接口地址',
      success: (res) => {
        this.setData({
          list: res.data
        })
      }
    })
  },
  bindName(e) {
    this.setData({
      name: e.detail.value
    })
    this.filterList()
  },
  bindAge(e) {
    this.setData({
      age: e.detail.value
    })
    this.filterList()
  },
  bindYear(e) {
    this.setData({
      year: e.detail.value
    })
    this.filterList()
  },
  bindReward(e) {
    this.setData({
      reward: e.detail.value
    })
    this.filterList()
  },
  filterList() {
    const { name, age, year, reward, list } = this.data
    const filteredList = list.filter((item) => {
      let flag = true
      if (name && item.name.indexOf(name) === -1) {
        flag = false
      }
      if (age && item.age !== age) {
        flag = false
      }
      if (year && item.year !== year) {
        flag = false
      }
      if (reward && item.reward.indexOf(reward) === -1) {
        flag = false
      }
      return flag
    })
    this.setData({
      list: filteredList
    })
  }
})

4. 在 index 页面的 wxss 文件中添加样式：

.filter {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 20px;
}
.list {
  margin-top: 20px;
}
.item {
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}

这样就完成了一个简单的小程序筛选功能代买，带 wxss，展示个人信息的功能。