97 lines
3.7 KiB
Plaintext
97 lines
3.7 KiB
Plaintext
|
<view class="home-page">
|
||
|
|
<custom-nav padding-x="28">
|
||
|
|
<view class="topbar">
|
||
|
|
<text class="brand">数字人视频工厂</text>
|
||
|
|
<view class="coin-pill">
|
||
|
|
<image class="coin-icon icon-placeholder" src="/static/images/my/image.png" mode="aspectFit"></image>
|
||
|
|
<text class="coin-label">金币</text>
|
||
|
|
<text class="coin-count">128</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</custom-nav>
|
||
|
|
|
||
|
|
<view class="home-content">
|
||
|
|
<view class="hero">
|
||
|
|
<image src="../../static/images/indexed/top.png" style="width: 698rpx;height: 228rpx;"></image>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="card parse-card">
|
||
|
|
<view class="card-head">
|
||
|
|
<view class="section-title">
|
||
|
|
<text class="step-dot">1</text>
|
||
|
|
<text>粘贴视频链接</text>
|
||
|
|
</view>
|
||
|
|
<view class="help-link">
|
||
|
|
<text class="help-dot">?</text>
|
||
|
|
<text>如何获取链接?</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="input-row">
|
||
|
|
<input class="link-input" value="{{videoLink}}" placeholder="粘贴视频链接到这里" placeholder-class="input-placeholder" bindinput="handleInput" />
|
||
|
|
<view class="paste-btn" bindtap="handlePaste">一键粘贴</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="primary-action" bindtap="handleParse">
|
||
|
|
<image class="plane-icon icon-placeholder" src="/static/images/xfj.png" mode="aspectFit"></image>
|
||
|
|
<text>开始解析</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<block wx:if="{{parsed}}">
|
||
|
|
<view class="success-strip">
|
||
|
|
<image class="success-icon icon-placeholder" src="/static/images/checked.png" mode="aspectFit"></image>
|
||
|
|
<view class="success-copy">
|
||
|
|
<text class="success-title">链接解析成功</text>
|
||
|
|
<text class="success-subtitle">已为你提取到口播文案</text>
|
||
|
|
</view>
|
||
|
|
<view class="outline-btn" bindtap="handleReset">重新解析</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="card copy-card">
|
||
|
|
<view class="card-head copy-head">
|
||
|
|
<text class="copy-title">提取到的文案</text>
|
||
|
|
<view class="copy-btn" bindtap="handleCopy">
|
||
|
|
<image class="copy-icon icon-placeholder" src="/static/images/file_copy.png" mode="aspectFit"></image>
|
||
|
|
<text>复制文案</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="copy-box">
|
||
|
|
<text>{{scriptText}}</text>
|
||
|
|
</view>
|
||
|
|
<view class="polish-btn" bindtap="handlePolish">
|
||
|
|
<view class="polish-text">
|
||
|
|
<image class="spark-icon icon-placeholder" src="/static/images/filter-3-filled.png" mode="aspectFit"></image>
|
||
|
|
<text class="polish-title">AI 一键润色</text>
|
||
|
|
</view>
|
||
|
|
<view><text class="polish-subtitle">让口播更自然，更吸引人</text></view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="tip-strip">
|
||
|
|
<image class="tip-icon icon-placeholder" src="/static/images/lightbulb.png" mode="aspectFit"></image>
|
||
|
|
<text>润色后可进入下一步，设置数字人和视频背景</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="generate-btn" bindtap="handleGoCreate">
|
||
|
|
<text>去生成数字人视频</text>
|
||
|
|
<image class="arrow-icon icon-placeholder" src="/static/images/chevron-down.png" mode="aspectFit"></image>
|
||
|
|
</view>
|
||
|
|
</block>
|
||
|
|
|
||
|
|
<block wx:else>
|
||
|
|
<view class="flow-card">
|
||
|
|
<image src="../../static/images/indexed/lc_card.png" style="width: 699rpx;height: 298rpx;"></image>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="sample-card" bindtap="handleExperience">
|
||
|
|
<image src="../../static/images/indexed/down_bottom.png" style="width: 100%;" mode="widthFix"></image>
|
||
|
|
</view>
|
||
|
|
</block>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<checkin-popup visible="{{showCheckinPopup}}" bind:close="handleCheckinClose" bind:rule="handleCheckinRule"></checkin-popup>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
|