微信小程序，我要做一个页面，能够显示各种资料的，但是不要有页面跳转，只在一个页面展示资料比如，这个页面，里面含有四六级资料，计算机考试资料，期末考试资料等等，请你给出代码

好的，这是一个简单的微信小程序示例代码，用于在同一个页面中展示多种不同的资料：

<!--index.wxml-->
<view class="container">
  <view class="tab">
    <view class="tab-item {{activeTab === 'cet' ? 'active' : ''}}" bindtap="switchTab" data-tab="cet">四六级资料</view>
    <view class="tab-item {{activeTab === 'computer' ? 'active' : ''}}" bindtap="switchTab" data-tab="computer">计算机考试资料</view>
    <view class="tab-item {{activeTab === 'final' ? 'active' : ''}}" bindtap="switchTab" data-tab="final">期末考试资料</view>
  </view>
  <view class="tab-content">
    <view wx:if="{{activeTab === 'cet'}}">
      <!-- 四六级资料 -->
      <view>这里是四六级资料</view>
    </view>
    <view wx:if="{{activeTab === 'computer'}}">
      <!-- 计算机考试资料 -->
      <view>这里是计算机考试资料</view>
    </view>
    <view wx:if="{{activeTab === 'final'}}">
      <!-- 期末考试资料 -->
      <view>这里是期末考试资料</view>
    </view>
  </view>
</view>

// index.js
Page({
  data: {
    activeTab: 'cet'
  },
  switchTab(event) {
    const tab = event.currentTarget.dataset.tab;
    this.setData({
      activeTab: tab
    });
  }
});

/* index.wxss */
.container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.tab {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 80rpx;
  background-color: #fff;
  box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.1);
}
.tab-item {
  color: #666;
  font-size: 30rpx;
  font-weight: bold;
  cursor: pointer;
  padding: 20rpx;
}
.tab-item.active {
  color: #333;
  border-bottom: 4rpx solid #3f8ae0;
}
.tab-content {
  flex: 1;
  padding: 20rpx;
  background-color: #f7f7f7;
}

以上代码实现了一个带有选项卡的页面，用户可以切换不同的选项卡来展示不同的资料。注意，我们使用了 `wx:if` 来根据当前选中的选项卡来动态展示不同的内容，而不是通过页面跳转来实现。