english_learned_master/pages/ocr/ocr.wxml

<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  <!-- 相机视图 -->
  <view class="camera-container" wx:if="{{cameraActive}}">
    <camera device-position="back" flash="auto" class="camera"></camera>
    <view class="camera-controls">
      <view class="btn-capture FlexRow" bindtap="chooseImage">从相册选择</view>
      <view class="btn-capture btn-retake FlexRow" bindtap="takePhoto">拍照</view>
    </view>
  </view>

  <!-- 识别结果视图 -->
  <view class="result-container" wx:else>
    
    <!-- 识别文字列表 -->
    <view class="text-list" >
      <view class="Title FlexColumn"  wx:if="{{englishWords.length >0 }}">
        <view>请选择图片中识别出来的英语单词</view>
        <view class="Title1">已经选中 {{Count}} 个单词</view>
      </view>
      
     
      <!-- 英语单词标签页 -->
      <view class="english-tab-content">
        <view scroll-y class="text-scroll FlexRow">
          <view wx:if="{{englishWords.length === 0}}" class="no-result">
            未识别到英语单词
          </view>
          <view wx:for="{{englishWords}}" wx:key="index" class="text-item FlexRow" bindtap="selectWord" data-text="{{item}}">
            <view class="text-content textSelected{{item.Selected}}">{{item.Word}}</view>
          </view>
        </view>
        <view class="generate-article-btn" wx:if="{{englishWords.length > 0}}">
          <button type="primary" bindtap="goToArticleGenerator" disabled="{{Count<5 || Count>10}}">确定</button>
        </view>
      </view>
    </view>

    <!-- 底部控制栏 -->
    <view class="bottom-controls">
      <button class="btn-capture btn-retake" bindtap="retake">重新拍照</button>
    </view>
   
  </view>
</view>