<van-tabs color="blue" active="{{ active }}" bind:change="onChange">

      <van-tab title="原文">

        <scroll-view class="content" scroll-y="true" bindscrolltolower="onScrollToLower" scroll-into-view="{{bottomViewId}}" scroll-with-animation="{{true}}" enable-back-to-top="true" type='list' style="height: calc(100vh - 151px);">

          <view class="itemContent" wx:for="{{ realList.textArray }}" wx:key="beginTime" id="time-{{item.beginTime}}">

            <view class="itemContentText" style="background-color: {{('time-' + item.beginTime) === bottomViewId ?  'rgba(50,119,254, .8)' : '#fff'}};color: {{('time-' + item.beginTime) === bottomViewId ?  'white' : 'rgb(139, 139, 139)'}};" data-item="{{item}}" bindtap="speedCard">

              <view class="contentAvatar">

                <view class="left">

                  <view>

                    <van-image round width="20" height="20" style="margin-right: 15rpx" src="{{imageMap[item.personId]}}" />

                  </view>

                  <view class="leftText">发言人{{item.personId + 1}}</view>

                </view>

                <view class="right">{{ item.time }}</view>

              </view>

              <view wx:if="{{ item.language == 1 && item.display == 1}}">

                <view class="textArray" style="color: {{('time-' + item.beginTime) === bottomViewId ? 'white' : 'black'}};">

                  <text selectable="true">{{ item.text }}</text>

                </view>

              </view>

              <view wx:if="{{ item.language == 1 && item.display == 2}}">

                <view class="textArray" style="color: {{('time-' + item.beginTime) === bottomViewId ? 'white' : 'black'}};">

                  <text selectable="true">{{ item.text }}</text>

                </view>

              </view>

              <view wx:if="{{ item.language == 2 && item.display == 1}}">

                <view class="textArray" style="color: {{('time-' + item.beginTime) === bottomViewId ? 'white' : 'black'}};">

                  <text selectable="true">{{ item.text }}</text>

                </view>

                <view class="textArray" style="color: {{('time-' + item.beginTime) === bottomViewId ? 'white' : 'black'}};">

                  <text selectable="true">{{ item.text_en }}</text>

                </view>

              </view>

              <view wx:if="{{ item.language == 2 && item.display == 2}}">

                <view class="textArray" style="color: {{('time-' + item.beginTime) === bottomViewId ? 'white' : 'black'}};">

                  <text selectable="true">{{ item.text_en }}</text>

                </view>

              </view>

              <!-- <view wx:for="{{ item.textArray }}" wx:key="index" class="textArray">

                <text wx:if="{{ !!item }}">{{ item }}</text>

                <text wx:if="{{ !!hightTextStr }}" style="background-color: rgb(239, 239, 176)">{{ hightTextStr }}

                </text>

              </view> -->

            </view>

          </view>

          <view wx:if="{{realList.textArray.length === 0}}" class="vantEmpty">

            <van-empty description="暂无音频内容" />

          </view>

        </scroll-view>

      </van-tab>

      <van-tab title="思维导图">

        <view class="webview-container">

          <view wx:if="{{showWebView && pageUrl}}" class="no-content">

            <web-view src="{{pageUrl}}" binderror="onWebViewError" style="width: 100px;height: 100px;"></web-view>

          </view>

          <view wx:elif="{{!pageUrl}}" class="no-content">

            <text>暂无思维导图内容</text>

          </view>

          <view wx:else class="loading-placeholder">

            <van-loading type="spinner" size="24px">加载中...</van-loading>

          </view>

        </view>

      </van-tab>

      <van-tab title="" disabled></van-tab>

      <van-tab title="" disabled></van-tab>

    </van-tabs>

    onChange(event) {

      if (event.detail.index === 1) {

        console.log('event--', event.detail.index);

        // 当切换到思维导图标签时

        if (this.data.pageUrl) {

          // 延迟显示 web-view

          setTimeout(() => {

            this.setData({

              showWebView: true

            });

            console.log('Showing web-view with URL:', this.data.pageUrl);

          }, 100); // 延迟 100 毫秒，可以根据实际情况调整

        } else {

          console.log('pageUrl is empty, not showing web-view');

          // 可以在这里添加逻辑来重新获取 pageUrl

        }

      }

      this.setData({

        active: event.detail.index

      });

    },