kuaiying_wx/pages/index/index.wxml

<navigator class="top-ad" url="/pages/webview/index?url=https://www.dajiala.com/mobile/phone/">
<text>新媒体数据采集接口和定制服务</text>{{'\n'}}
<button size="mini">立即免费体验</button>
</navigator>
<view class="container">
    <!-- 提取视频卡片 -->
    <view class="card video-extract">
  <view class="card-title">提取视频</view>
  <view class="input-section">
    <image src="../../images/link_icon.png" class="input-icon"></image>
    <input placeholder="请输入视频链接，支持多平台" class="input-field" bindinput="bindVideoInput"></input>
  </view>
  <button class="action-button" bindtap="parseVideo">提取视频</button>

  <view class="bottom-actions">
    <view class="bottom-button" bindtap="extractVideoFromVideoAccount">->视频号提取</view>
    <view class="bottom-button" bindtap="openDownloadRobot">->下载机器人</view>
  </view>
</view>

    <!-- 视频转文案卡片 -->
    <view class="card text-extract" style="margin-bottom: 0;">
        <view class="card-title">视频转文案</view>

        <!-- 单选切换 -->
        <view class="radio-buttons">
    <!-- 粘贴链接提取 -->
    <view class="radio-option" bindtap="switchMode" data-value="link">
        <view class="radio-circle {{mode === 'link' ? 'selected' : ''}}"></view>
        <text>粘贴链接提取</text>
    </view>
    <!-- 上传本地文件 -->
    <view class="radio-option" bindtap="switchMode" data-value="upload">
        <view class="radio-circle {{mode === 'upload' ? 'selected' : ''}}"></view>
        <text>上传本地文件</text>
    </view>
</view>


<!-- 链接输入框 -->
<view wx:if="{{mode === 'link'}}" class="input-section">
    <image src="../../images/link_icon.png" class="input-icon"></image>
    <input placeholder="请输入视频链接，支持多平台" class="input-field" bindinput="bindVideoInput"></input>
</view>

        <!-- 文件上传框 -->
        <view wx:if="{{mode === 'upload'}}" class="input-section">

            <view class="upload-button" bindtap="uploadFile">
                        <image src="../../images/upload_icon.png"   class="input-icon"></image>
            </view>
        </view>

        <button class="action-button" bindtap="extractText">提取文案</button>
    </view>
</view>

<!-- 文案提取记录按钮 放在最后的</view>标签前 -->
<!-- 记录按钮 -->
<view class="record-button-container">
    <view class="record-button" bindtap="showRecordMask">
        <text class="record-text">文案提取记录</text>
    </view>
</view>

<!-- 记录蒙版 -->
<view class="record-mask {{showMask ? 'show' : ''}}" bindtap="hideMask">
    <view class="record-content" catchtap="preventDefault">
        <!-- 标题栏 -->
        <view class="record-header">
            <text>提取记录</text>
            <view class="close-btn" bindtap="hideMask">×</view>
        </view>
        
        <!-- 记录列表 -->
        <scroll-view 
            scroll-y="true" 
            class="record-list"
            bindscrolltolower="loadMore"
            lower-threshold="50">
            
            <view wx:for="{{records}}" 
                  wx:key="id" 
                  class="record-item"
                  bindtap="goToExtract"
                  data-text="{{index}}">
                <view class="record-item-left">
                    <view class="record-num">{{index + 1}}</view>
                    <view class="record-info">
                        <text class="record-text" style="color:rgb(61, 61, 61)">{{item.preview}}</text>
                        <text class="record-time">{{item.created_at}}</text>
                    </view>
                </view>
                <view class="record-status {{item.status === 'completed' ? 'completed' : 'False'}}">
                    {{item.status === 'completed' ? '完成' : '失败'}}
                </view>
            </view>

            <!-- 加载更多 -->
            <view class="loading" wx:if="{{isLoading}}">
                <view class="loading-dots">
                    <view class="dot"></view>
                    <view class="dot"></view>
                    <view class="dot"></view>
                </view>
                <text>加载中...</text>
            </view>
        </scroll-view>
    </view>
</view>

<popup 
  wx:if="{{showPopup}}"
  popupType="{{popupType}}" 
  popupContent="{{popupContent}}" 
  buttonText="查看详情" 
  targetUrl="/pages/details/details"
/>

<view wx:if="{{showQrcodePopup}}" class="qrcode-popup-mask" bindtap="closeQrcodePopup">
  <view class="qrcode-popup" catchtap="preventDefault">
    <image src="../../images/qrcode_for_gh_e64390b2d04e_258.jpg" class="qrcode-img" show-menu-by-longpress="true"></image>
    <view class="qrcode-tip">长按识别二维码，前往公众号获取更多额度</view>
    <view class="qrcode-close-btn" bindtap="closeQrcodePopup">关闭</view>
  </view>
</view>