74 lines
4.8 KiB
Plaintext
74 lines
4.8 KiB
Plaintext
<view class="container">
|
||
<view class="navbar"></view>
|
||
<view wx:if="{{currentTab==='textToVideo'}}">
|
||
<view class="input-container">
|
||
<textarea bindinput="onInput" class="input-box" maxlength="320" placeholder="输入文本或者图片即可生成原创视频，请用一句话描述您的视频主题、场景、风格等，简洁明了！" value="{{inputValue}}"></textarea>
|
||
<view class="char-count">{{charCount}}/320</view>
|
||
</view>
|
||
<view class="style-selector">
|
||
<view class="style-text">选择风格：</view>
|
||
<view class="style-options">
|
||
<view bindtap="selectStyle" class="style-option {{selectedStyle===key?'active':''}}" data-key="{{key}}" wx:for="{{styles}}" wx:for-index="key" wx:for-item="style" wx:key="{{key}}"> {{style}} </view>
|
||
</view>
|
||
</view>
|
||
<view class="size-selector">
|
||
<text class="size-text">选择尺寸：</text>
|
||
<view class="size-options">
|
||
<view bindtap="selectSize" class="size-option {{selectedSize===item.ratio?'active':''}}" data-height="{{item.height}}" data-ratio="{{item.ratio}}" data-width="{{item.width}}" wx:for="{{sizes}}" wx:key="index"> {{item.ratio}} </view>
|
||
</view>
|
||
</view>
|
||
<view class="enhance-container">
|
||
<text class="enhance-text">运动增强：</text>
|
||
<slider showValue bindchange="onSliderChange" class="enhance-slider" max="10" min="0" value="{{enhanceValue}}"></slider>
|
||
</view>
|
||
<text class="description-text">数值越高，视频画面越丰富 【文生视频消耗 10创意点/次】</text>
|
||
<button bindtap="textGenerateSubmit" class="generate-button">生成视频</button>
|
||
</view>
|
||
<view class="full-container" wx:if="{{currentTab==='imageToVideo'}}">
|
||
<view bindtap="uploadImage" class="upload-container">
|
||
<image class="upload-pic" mode="aspectFit" src="{{ShowPicUrl}}" wx:if="{{ShowPicUrl}}"></image>
|
||
<view class="upload-wrap" wx:else>
|
||
<image class="upload-icon" src="/images/icon-upload.png"></image>
|
||
<text class="upload-text">
|
||
<text class="upload-link">点击上传图片</text>
|
||
</text>
|
||
<text class="upload-info">只能上传jpg/png文件，且不超过10MB</text>
|
||
</view>
|
||
</view>
|
||
<view class="img-input-container">
|
||
<textarea bindinput="onPicInput" class="input-box" maxlength="320" placeholder="输入提示词来描述您想要的视频内容" value="{{picInputValue}}"></textarea>
|
||
<view class="char-count">{{picCharCount}}/320</view>
|
||
</view>
|
||
<view class="enhance-container" style="margin-top: 10px;">
|
||
<text class="enhance-text">运动增强：</text>
|
||
<slider showValue bindchange="onPicSliderChange" class="enhance-slider" max="10" min="0" value="{{picEnhanceValue}}"></slider>
|
||
</view>
|
||
<text class="description-text" style="float: left;">数值越高，视频画面越丰富 【图生视频消耗 10创意点/次】</text>
|
||
<button bindtap="picGenerateSubmit" class="generate-button">生成视频</button>
|
||
</view>
|
||
<view class="chat-box" wx:if="{{currentTab==='ToText'}}">
|
||
<view class="role-switch">
|
||
<button bindtap="toggleRoleDropdown" class="role-button">{{currentRoleText}} <image class="role-icon" src="../../images/切换角色.png"></image>
|
||
</button>
|
||
<view class="role-dropdown" wx:if="{{showRoleDropdown}}">
|
||
<view bindtap="switchRole" class="role-option" data-role="{{index}}" wx:for="{{roles}}" wx:key="index">{{item.name}}</view>
|
||
</view>
|
||
</view>
|
||
<scroll-view class="chat-window" scrollIntoView="{{toView}}" scrollY="true">
|
||
<view class="message {{item.is_response?'ai':'user'}}" wx:for="{{messages[currentRole?currentRole:9]}}" wx:key="index">
|
||
<image class="avatar" src="{{item.is_response?'../../images/人工智能机器人.png':'../../images/老师教师男人.png'}}"></image>
|
||
<view class="bubble">
|
||
<view class="loading-dot" wx:if="{{item.isGenerating}}"></view>
|
||
<text bindtap="copyContent" class="content" data-content="{{item.message_content}}" wx:else>{{item.message_content}}</text>
|
||
</view>
|
||
</view>
|
||
<view id="toBottom1"></view>
|
||
<view id="toBottom2"></view>
|
||
</scroll-view>
|
||
<view class="input-area">
|
||
<input autoHeight adjust-position='true' bindinput="bindInput" class="input-field" placeholder="请输入消息..." value="{{inputMessage}}"></input>
|
||
<button bindtap="sendMessage" class="send-button">发送</button>
|
||
</view>
|
||
</view>
|
||
</view>
|