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.
220 lines
5.6 KiB
220 lines
5.6 KiB
<template>
|
|
<view>
|
|
<view class="content ">
|
|
<custom_navbar :title="navbar_title" @getNavHeight="getNavHeight" :theme="theme" />
|
|
<view class="photo_main_face" :style="'margin-top:-'+margin_top+'px'">
|
|
<view class="photo_main_face_head"></view>
|
|
<view class="photo_main_face_1">
|
|
<image src="/static/img/photo/face_1.png" />
|
|
</view>
|
|
<view class="photo_main_face_2">
|
|
<view class="photo_main_face_2_1">上传5-10张，有效照片越多，生成效果越好</view>
|
|
<view class="photo_main_face_2_2">
|
|
<image src="/static/img/common/common_21.png" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="photo_main_face_3">
|
|
<view class="photo_main_face_3_one" v-for="n in 10" :class="{
|
|
this_class_0:n==0,
|
|
this_class_4:n==4,
|
|
this_class_5:n==5,
|
|
this_class_9:n==9
|
|
}">
|
|
<image src="/static/img/index/banner.png"/>
|
|
<view class="photo_main_face_3_one_icon">
|
|
<image src="/static/img/common/common_22.png"/>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="photo_main_face_4" style="height: 88rpx;">
|
|
<image src="/static/img/photo/face_7.png" />
|
|
</view>
|
|
|
|
|
|
<view class="photo_main_face_4 photo_full_blue_btn">
|
|
上传照片
|
|
</view>
|
|
|
|
<view class="photo_main_face_4 photo_full_blue_btn">
|
|
提交制作 0/30
|
|
</view>
|
|
|
|
<view class="photo_main_face_5">以下照片不合格，请重新上传</view>
|
|
<view class="photo_main_face_3">
|
|
<view class="photo_main_face_3_one" v-for="n in 3" >
|
|
<image src="/static/img/index/banner.png"/>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="photo_main_face_6">
|
|
<image src="/static/img/photo/face_6.png" />
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
|
|
<u-popup :show="show_1" mode="center" bgColor="transparent" :round="12">
|
|
<view class="show_readme_div">
|
|
<view class="show_readme_div_1">
|
|
服务说明
|
|
</view>
|
|
<view class="show_readme_div_2">
|
|
<view>1.AI生成写真实际效果与您上传的照片有关，请认真上传。</view>
|
|
<view>2.生成高峰期，可能会有排队情况，请耐心等候。</view>
|
|
<view>3.如需更换写真人物, 请前往【我的】增加人物的面部档案。</view>
|
|
</view>
|
|
<view class="show_readme_div_3">
|
|
确认
|
|
</view>
|
|
</view>
|
|
</u-popup>
|
|
|
|
<u-popup :show="show_2" mode="center" bgColor="transparent" :round="12">
|
|
<view class="show_readme_div" style="height: 380rpx;">
|
|
<view class="show_readme_div_1">
|
|
提醒
|
|
</view>
|
|
<view class="show_readme_div_2">
|
|
<view>目前系统还未存入您的面部档案信息，请先前往创建需要生成写真的面部档案</view>
|
|
|
|
</view>
|
|
<view class="show_readme_div_line">
|
|
<view class="show_readme_div_4" style="width: 220rpx;">
|
|
暂不生成
|
|
</view>
|
|
<view class="show_readme_div_3" style="width: 220rpx;">
|
|
前往创建
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</u-popup>
|
|
|
|
<u-popup :show="show_3" mode="center" bgColor="transparent" :round="12">
|
|
<view class="show_readme_div" style="height: 440rpx;">
|
|
<view class="show_readme_div_1">
|
|
请选择需要生成写真的面部档案
|
|
</view>
|
|
<view class="show_readme_div_2" style="width: 520rpx;margin-left: 40rpx;">
|
|
<view class="show_readme_div_2_1">
|
|
<view class="show_readme_div_2_1_one">
|
|
<view class="show_readme_div_2_1_one_1">
|
|
<image src="../../static/img/index/banner.png"/>
|
|
</view>
|
|
<view class="show_readme_div_2_1_one_2">
|
|
<image src="/static/img/common/photo_common_21.png"/>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="show_readme_div_2_1_one">
|
|
<view class="show_readme_div_2_1_one_1">
|
|
<image src="../../static/img/index/banner.png"/>
|
|
</view>
|
|
<view class="show_readme_div_2_1_one_2">
|
|
<image src="/static/img/common/photo_common_21.png"/>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="show_readme_div_2_1_one">
|
|
<view class="show_readme_div_2_1_one_1">
|
|
<image src="../../static/img/index/banner.png"/>
|
|
</view>
|
|
<view class="show_readme_div_2_1_one_2">
|
|
<image src="/static/img/common/photo_common_21.png"/>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<view class="show_readme_div_line">
|
|
<view class="show_readme_div_4" style="width: 220rpx;">
|
|
暂不生成
|
|
</view>
|
|
<view class="show_readme_div_3" style="width: 220rpx;">
|
|
前往创建
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</u-popup>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import custom_navbar from "./components/photo_header.vue";
|
|
export default {
|
|
components: {
|
|
custom_navbar
|
|
|
|
},
|
|
data() {
|
|
return {
|
|
navbar_title: '上传图片',
|
|
theme: "blue",
|
|
margin_top: 0,
|
|
show_1:false,
|
|
show_2:false,
|
|
show_3:false
|
|
|
|
}
|
|
},
|
|
|
|
mounted() {
|
|
|
|
},
|
|
onPageScroll(e) {
|
|
if (e.scrollTop > 50) {
|
|
this.theme = 'white';
|
|
|
|
} else {
|
|
|
|
this.theme = 'blue';
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
getNavHeight(e) {
|
|
this.margin_top += e;
|
|
}
|
|
|
|
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import './this.scss';
|
|
|
|
.this_class_0 {
|
|
border-top-left-radius: 20rpx;
|
|
image{
|
|
border-top-left-radius: 20rpx;
|
|
}
|
|
}
|
|
|
|
.this_class_4 {
|
|
border-top-right-radius: 20rpx;
|
|
image{
|
|
border-top-right-radius: 20rpx;
|
|
}
|
|
}
|
|
|
|
.this_class_5 {
|
|
border-bottom-left-radius: 20rpx;
|
|
image{
|
|
border-bottom-left-radius: 20rpx;
|
|
}
|
|
}
|
|
|
|
.this_class_9 {
|
|
border-bottom-right-radius:20rpx;
|
|
image{
|
|
border-bottom-right-radius: 20rpx;
|
|
}
|
|
}
|
|
</style> |