微信小程序1、使用Flex布局中设定日历，要求左右2侧各位10rpx，中间没有组件为80rpx，其余空间均分； 2、学习小程序容器和组件，在日历的月份上显示对应日历的特殊日期的弹窗；

在微信小程序中使用 Flex 布局来实现你描述的日历需求，你可以按照以下步骤操作：

1. 设定 Flex 布局容器：
首先，你需要创建一个包含所有日期的 Flex 容器。设置这个容器为 `display: flex`，并且应用一个合理的方向，如 `flex-direction: row` 或者 `column`，取决于你的设计选择。然后，可以使用 `justify-content` 和 `align-items` 属性来控制各个部分的空间分配。

   <view class="calendar-container" style="display: flex; justify-content: space-between;">
     <!-- 左侧内容 -->
     <view class="side-left" style="width: 10rpx;"></view>
     <!-- 中间日期块 -->
     <view class="calendar-body" style="flex: 1;">...</view>
     <!-- 右侧内容 -->
     <view class="side-right" style="width: 10rpx;"></view>
   </view>

2. 控制日期宽度：
对于中间的日期块，如果不需要显示任何组件，只保留文本的话，给它设置宽度为 `80rpx` 即可。如果有需要动态调整的地方，可以用百分比或计算值来适应屏幕大小。

3. 弹窗显示特殊日期：
要在点击某个日期时显示特殊的弹窗，可以在日历的每个日期元素上添加点击事件处理程序。当用户点击时，通过条件判断判断该日期是否为特殊日期，并通过 `wx.openModal` 或者自定义组件显示对应的弹窗信息。

<template>
  <view class="day" bindtap="showPopup">
    {{date}}
  </view>
</template>

<script>
Page({
  data: {
    date: '普通日期', // 假设这是当前日期
  },
  showPopup: function(e) {
    const date = e.currentTarget.dataset.date;
    if (isSpecialDate(date)) { // 判断是否为特殊日期
      this.setData({ popupContent: '这是一个特殊日期!' });
      wx.openModal({
        title: '特殊日期',
        content: `<view>{{popupContent}}</view>`,
        success() {},
      });
    } else {
      // 如果不是特殊日期，则关闭弹窗或显示其他提示
    }
  },
})
// ...
</script>