@@ -23,10 +23,8 @@ | |||
<div class="uploadText">上传照片</div> | |||
</div> | |||
<div id="action" @click="takePicture"> | |||
<view v-show="showTakeTips" class="takeTips1">请把脸面向摄像头</view> | |||
<view v-show="showTakeTips" class="takeTips2" | |||
>点击三秒后开始拍照 | |||
</view> | |||
<view v-show="showTakeTips" class="takeTips1"> 请正视摄像头</view> | |||
<view v-show="showTakeTips" class="takeTips2"> 点击开始拍照 </view> | |||
<div class="circleInside"></div> | |||
</div> | |||
</div> | |||
@@ -39,10 +37,13 @@ | |||
<div class="confirm" @click="confirmPhoto"> | |||
<!-- <img src="../../assets/img/success.png" /> --> | |||
<div class="sure">确定</div> | |||
<!-- <div class="sure">确定</div> | |||
<div class="uploadText"> | |||
就这张了 <img src="../../assets/img/success.png" /> | |||
</div> --> | |||
<div class="sure"> | |||
<div class="uploadText">就这张了 ✔</div> | |||
</div> | |||
</div> | |||
@@ -594,9 +595,12 @@ onLoad((options) => { | |||
onMounted(() => { | |||
clearInterval(timer.value); | |||
startCamera(); | |||
const CimageUrl = uni.getStorageSync("CcurrentUrl"); | |||
const UimageUrl = uni.getStorageSync("UcurrentUrl"); | |||
if (!CimageUrl) { | |||
startCamera(); | |||
} | |||
if (CimageUrl || UimageUrl) { | |||
setTimeout(async () => { | |||
showQrCode.value = false; | |||
@@ -645,15 +649,15 @@ onUnload(() => { | |||
<style lang="scss" scoped> | |||
:deep(.uni-toast) { | |||
width: 300rpx; | |||
font-size: 50rpx; | |||
width: 500rpx; | |||
font-size: 70rpx; | |||
font-weight: 900; | |||
padding: 20rpx 30rpx; | |||
color: #ff4f00; | |||
.uni-toast__icon { | |||
width: 50rpx !important; | |||
height: 50rpx !important; | |||
width: 70rpx !important; | |||
height: 70rpx !important; | |||
} | |||
} | |||
.page { | |||
@@ -820,8 +824,22 @@ onUnload(() => { | |||
width: 100%; | |||
height: 50rpx; | |||
line-height: 50rpx; | |||
background-color: #2ba245; | |||
line-height: 50rpx; | |||
background-color: #ff4f00; | |||
border-radius: 15rpx; | |||
.uploadText { | |||
// position: absolute; | |||
// left: 50%; | |||
// bottom: -40rpx; | |||
// width: 150%; | |||
width: 100%; | |||
height: 30rpx; | |||
line-height: 50rpx; | |||
font-size: 20rpx; | |||
// transform: translateX(-32%); | |||
text-align: center; | |||
} | |||
} | |||
.uploadText { | |||
// position: absolute; | |||
@@ -29,32 +29,11 @@ | |||
:src="modelImgUrl" | |||
mode="aspectFit" | |||
/> | |||
<!-- <view class="logoBox" v-if="createState != 2"> --> | |||
<!-- <image class="logo" src="../../assets/img/logo-4.png" mode="aspectFit" /> --> | |||
<!-- </view> --> | |||
<view v-if="createState == 2" class="checkMore">左右滑动查看更多</view> | |||
<!-- <view v-if="createState != 2" class="wait"> | |||
<view class="creating" | |||
>写真生成中 | |||
<u-loading-icon | |||
size="60" | |||
color="#ff4f00" | |||
style="display: inline-block" | |||
></u-loading-icon> | |||
</view> | |||
<view class="check">稍后您可在“智像小相册”微信小程序中查看</view> | |||
</view> --> | |||
<!-- <view | |||
@click="subscribe" | |||
v-if="createState != 2" | |||
style="text-decoration: underline; color: #ff4f00" | |||
class="wait" | |||
>做好后通知我</view | |||
> --> | |||
<view class="orangeBtn" @click="goChooseStyle" | |||
>{{ | |||
userInfoModulesPinia.createTimes == 0 ? "再玩一次" : "稍后查看 再来一套" | |||
}} | |||
>{{ userInfoModulesPinia.createTimes == 0 ? "再玩一次" : "再来一套" }} | |||
</view> | |||
<view class="grayBtn" @click="loginOut"> | |||
{{ | |||
@@ -14,13 +14,13 @@ | |||
userInfoModulesPinia.createTimes == 0 ? "查看相册" : "结束拍摄" | |||
}}</view> | |||
</view> | |||
<text class="name">{{ styleData.title }}</text> | |||
<!-- 展示图 --> | |||
<view class="showImgBox imgContenBox" | |||
><image :src="styleData.coverImg" | |||
/></view> | |||
<text class="name">{{ styleData.title }}</text> | |||
<view class="orangeBtn" @click="createing1" style="margin-top: -20rpx" | |||
>开始制作写真 | |||
<view class="orangeBtn" @click="createing1" style="margin-top: 50rpx" | |||
>开始制作 | |||
</view> | |||
<view class="grayBtn" @click="toChooseModel" style="margin-top: 30rpx" | |||
>重新选择模版 | |||
@@ -471,25 +471,12 @@ onUnload(() => { | |||
} | |||
.name { | |||
margin-top: 80rpx; | |||
margin-bottom: 80rpx; | |||
margin-bottom: 20rpx; | |||
font-size: 44rpx; | |||
font-weight: 800; | |||
} | |||
.orangeBtn { | |||
position: relative; | |||
.free { | |||
position: absolute; | |||
top: -18rpx; | |||
right: -70rpx; | |||
width: 142rpx; | |||
height: 50rpx; | |||
background-color: #000; | |||
border-radius: 25rpx 25rpx 25rpx 0; | |||
font-size: 22rpx; | |||
font-weight: 900; | |||
line-height: 50rpx; | |||
text-align: center; | |||
} | |||
} | |||
.overlay { | |||
.content { | |||