You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
4.3 KiB
103 lines
4.3 KiB
<view class="content">
|
|
<view class="remark">
|
|
<view class="image-compare">
|
|
<view class="repair-container">
|
|
<image class="repair-img" src="{{frontUrl}}" />
|
|
</view>
|
|
<view class="repair-container repair-container-new" style="width:{{left}}px;">
|
|
<image class="repair-img" src="{{afterUrl}}" />
|
|
</view>
|
|
<view class="drag-container" style="left:{{left}}px">
|
|
<view class="drag-line"></view>
|
|
<image bindtouchmove="ballMoveEvent" class="icon-drag" src="/static/images/lr.png"></image>
|
|
</view>
|
|
</view>
|
|
<view class="remark_text">
|
|
<view class="remark_text_title">真人转动漫
|
|
|
|
</view>
|
|
<!-- <view class="remark_text_lookout">
|
|
<image src="/static/images/lookout.png" style="width: 16px;height: 16px;margin-right: 10rpx;"></image>注意事项
|
|
</view> -->
|
|
<view style="margin-bottom: 6rpx;">真人照片改漫画，用自已照片改个漫画头像吧！</view>
|
|
|
|
|
|
|
|
</view>
|
|
<view class="jindou_view">
|
|
消耗 {{ jd_count }}
|
|
<image src="/static/images/jd.png" style="width: 16px;height: 16px;margin-right: 10rpx;"></image>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
<view class="image_upload">
|
|
<view class="image_upload_title">
|
|
<view class="vb"></view>
|
|
<view class="text">上传照片</view>
|
|
</view>
|
|
|
|
<view class="image_upload_img" wx:if="{{uploadStatus}}">
|
|
<t-upload class="upload_custom_style" gridConfig="{{gridConfig}}" mediaType="{{['image']}}" max="{{1}}" files="{{fileList}}" bind:add="uploadAddHandle" bind:remove="handleRemove">
|
|
</t-upload>
|
|
</view>
|
|
|
|
<view class="image_show" wx:if="{{imageStatus}}" style="display: flex;">
|
|
<view style="position: relative;" wx:for="{{thumb_list}}" wx:key="index">
|
|
<t-image t-class="image_radius" src="{{item}}" width="150" height="150" shape="round" mode="aspectFill" />
|
|
<t-icon id="{{index}}" t-class="close_icon" name="close" size="50rpx" bind:click="closeIconTap" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="image_history" wx:if="{{historyImgList.length > 0}}">
|
|
<view class="image_upload_title">
|
|
<view class="vb"></view>
|
|
<view class="text">历史相册</view>
|
|
</view>
|
|
|
|
<view class="history_image_list">
|
|
<block wx:for="{{historyImgList}}" wx:for-item="item" wx:key="index">
|
|
<view class="history_image_item_view {{historyImgSelectIndex == index ? 'history_image_item_view_active' : ''}}" bind:tap="historyImgHandle" data-index="{{index}}">
|
|
<t-image t-class="history_image_item" src="{{item.source_img_url}}" width="100" height="100" shape="round" mode="aspectFill" />
|
|
</view>
|
|
</block>
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<view class="generate-bottom">
|
|
<view style="font-size: 12px;margin: 10rpx 0 0 20rpx;">请选择一种风格开始制作</view>
|
|
<view style="height: 100px;padding: 10rpx 20rpx 0 20rpx;">
|
|
<view style="height: 100%;">
|
|
<scroll-view type="list" class="scroll-view_H" enhanced="true" show-scrollbar="false" scroll-x="true" style="width: 100%;height: 100%;">
|
|
<block wx:for="{{styleList}}" wx:key="index">
|
|
<view id="demo1" class="scroll-view-item_H demo-text-1" style="margin-right: 20rpx;">
|
|
<view class="scroll_item">
|
|
<view>
|
|
<t-image t-class="history_image_item" src="{{item.view_after_img_url}}" width="80" height="80" shape="round" mode="aspectFill" id="{{index}}" bind:tap="styleClickHandle" />
|
|
</view>
|
|
<view class="{{styleSelectIndex == index ? 'style_active' : ''}}" style="font-size: 12px;">{{item.prompt_name}}</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</scroll-view>
|
|
</view>
|
|
</view>
|
|
<view style="width: 100%;display: flex;justify-content: center;align-items: center;margin-top: 20rpx;">
|
|
<view class="make_button" bind:tap="generateHandle">
|
|
<text wx:if="{{gText}}">立即制作</text>
|
|
<t-loading wx:if="{{gLoading}}" theme="dots" size="72rpx" />
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<canvas class="canvas" canvas-id="attendCanvasId" style="width:{{cWidth}}px;height:{{cHeight}}px;"></canvas>
|
|
</view>
|
|
<t-toast id="t-toast" bind:close="toast_close" /> |