帮我写一个情绪交换的小程序demo

好的，下面是一个简单的情绪交换的小程序demo，你可以在此基础上进行修改和完善。

首先，在微信开发者工具中创建一个新的小程序项目，然后在app.json文件中加入以下代码：

{
  "pages": [
    "pages/index/index",
    "pages/mood/mood"
  ],
  "window": {
    "navigationBarTitleText": "情绪交换"
  }
}

接下来，在pages文件夹下创建一个名为index的文件夹，并在该文件夹下创建一个名为index的文件，用于显示当前用户的情绪和按钮用于跳转到情绪选择页面。

index.wxml

<view class="container">
  <view class="title">我的情绪</view>
  <view class="content">我现在感觉：{{mood}}</view>
  <button class="btn" bindtap="selectMood">选择情绪</button>
</view>

index.wxss

.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.title {
  font-size: 24px;
  margin-bottom: 20px;
}

.content {
  font-size: 18px;
  margin-bottom: 20px;
}

.btn {
  width: 200px;
  height: 40px;
  background-color: #007aff;
  color: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 20px;
}

index.js

Page({
  data: {
    mood: '无'
  },

  selectMood() {
    wx.navigateTo({
      url: '/pages/mood/mood',
    })
  },

  onShow() {
    const mood = wx.getStorageSync('mood')
    if (mood) {
      this.setData({
        mood: mood
      })
      wx.removeStorageSync('mood')
    }
  }
})

其中，onShow方法会在页面显示时获取storage中的mood值，并更新data中的mood值。

接下来，在pages文件夹下创建一个名为mood的文件夹，并在该文件夹下创建一个名为mood的文件，用于选择情绪并将选择的情绪传回到index页面。

mood.wxml

<view class="container">
  <view class="title">选择情绪</view>
  <view class="mood-item" bindtap="selectMood" data-mood="开心">开心</view>
  <view class="mood-item" bindtap="selectMood" data-mood="难过">难过</view>
  <view class="mood-item" bindtap="selectMood" data-mood="愤怒">愤怒</view>
  <view class="mood-item" bindtap="selectMood" data-mood="惊讶">惊讶</view>
</view>

mood.wxss

.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.title {
  font-size: 24px;
  margin-bottom: 20px;
}

.mood-item {
  width: 200px;
  height: 40px;
  background-color: #007aff;
  color: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 20px;
}

mood.js

Page({
  selectMood(event) {
    const mood = event.currentTarget.dataset.mood
    wx.setStorageSync('mood', mood)
    wx.navigateBack()
  }
})

其中，selectMood方法会将选择的情绪值存储到storage中，并返回上一个页面。

最后，在微信开发者工具中预览你的小程序，就能看到一个简单的情绪交换的Demo了。