Browse Source

upload

dev_YWQ
HolyKnightIX 1 year ago
parent
commit
71f93c8fc2
4 changed files with 58 additions and 25 deletions
  1. BIN
      src/assets/img/success.png
  2. +6
    -4
      src/pages/camera/index.vue
  3. +12
    -4
      src/pages/created/index.vue
  4. +40
    -17
      src/pages/createing/index.vue

BIN
src/assets/img/success.png View File

Before After
Width: 400  |  Height: 400  |  Size: 17 KiB Width: 400  |  Height: 400  |  Size: 14 KiB

+ 6
- 4
src/pages/camera/index.vue View File

@@ -104,6 +104,8 @@ const startCamera = () => {
audio: false,
video: {
facingMode: "user",
width: 240,
height: 350,
},
})
.then(success)
@@ -503,7 +505,7 @@ onUnload(() => {
.top {
display: flex;
width: 100%;
height: 32%;
height: 25%;
.example {
width: 60%;
height: 100%;
@@ -536,7 +538,7 @@ onUnload(() => {
.bottom {
position: relative;
width: 100%;
height: 68%;
height: 75%;
video {
width: 100%;
height: 100%;
@@ -655,8 +657,8 @@ onUnload(() => {
.fromCamera {
position: absolute;
top: 110rpx;
width: 120%;
height: 60%;
left: 130rpx;
width: 200%;
}
.fromUpload {
position: absolute;


+ 12
- 4
src/pages/created/index.vue View File

@@ -32,8 +32,8 @@
<!-- </view> -->
<view v-if="createState == 2" class="checkMore">左右滑动查看更多</view>
<view v-if="createState != 2" class="wait">
<view>写真生成中</view>
<view>稍后您可在“智像小相册”微信小程序中查看</view>
<view class="creating">写真生成中</view>
<view class="check">稍后您可在“智像小相册”微信小程序中查看</view>
</view>
<!-- <view
@click="subscribe"
@@ -102,6 +102,10 @@ async function getSwiperList() {
createState.value = res.data.status;

if (res.data.photoList) {
uni.showToast({
title: "生成成功!",
icon: "success",
});
swiperList.value = res.data.photoList;
swiperList.value.forEach((item) => {
if (item.imageSuper) {
@@ -259,8 +263,7 @@ function loginOut() {
uni.navigateTo({ url: "/pages/chooseStyle/index" });
} else if (res.cancel) {
console.log("用户点击取消");
userInfoModulesPinia.clearStorage();
uni.navigateTo({ url: "/pages/login/index" });
showQrCode.value = true;
}
},
});
@@ -386,8 +389,13 @@ onUnload(() => {
}
.checkMore,
.wait {
text-align: center;
color: #ffffff;
margin-top: 30rpx;
.creating {
font-size: 40rpx;
margin-bottom: 10rpx;
}
}

// 俩按钮


+ 40
- 17
src/pages/createing/index.vue View File

@@ -48,6 +48,18 @@
<view class="orangeBtn" style="margin-top: 60rpx">取&nbsp;消</view>
</view>
</u-overlay>

<u-overlay class="overlay" :show="showQrCodeII" opacity="0.9">
<view class="content">
<view class="imageBox">
<image src="../../assets/img/QRCode.jpg" mode="scaleToFill" />
</view>
<text>微信扫码查看我的写真相册</text>
<view class="orangeBtn" style="margin-top: 100rpx" @click="cancelUplaod"
>我知道了</view
>
</view>
</u-overlay>
</view>
</template>

@@ -150,6 +162,8 @@ async function createing2() {
//#region 获取二维码
const qrCode = ref(null); //二维码路径
const showQrCode = ref(false);
const showQrCodeII = ref(false);

async function getQRCode() {
uni.showLoading({
title: "加载中",
@@ -317,25 +331,34 @@ function toCamera() {
}
//#endregion ---------------------

const cancelUplaod = () => {
showQrCodeII.value = false;
userInfoModulesPinia.clearStorage();
uni.navigateTo({ url: "/pages/login/index" });
};

//#region 退出登录
function loginOut() {
uni.showModal({
title: "是否结束拍摄?",
content: `您还有${1}次拍摄机会`,
confirmColor: "#ff4f00",
confirmText: "再来一套",
cancelText: "结束拍摄",
success: function (res) {
if (res.confirm) {
console.log("用户点击确定");
uni.navigateTo({ url: "/pages/chooseStyle/index" });
} else if (res.cancel) {
console.log("用户点击取消");
userInfoModulesPinia.clearStorage();
uni.navigateTo({ url: "/pages/login/index" });
}
},
});
if (userInfoModulesPinia.createTimes) {
uni.showModal({
title: "是否结束拍摄?",
content: `您还有${userInfoModulesPinia.createTimes}次拍摄机会`,
confirmColor: "#ff4f00",
confirmText: "再来一套",
cancelText: "结束拍摄",
success: function (res) {
if (res.confirm) {
console.log("用户点击确定");
uni.navigateTo({ url: "/pages/chooseStyle/index" });
} else if (res.cancel) {
console.log("用户点击取消");
showQrCodeII.value = true;
}
},
});
} else {
showQrCodeII.value = true;
}
}
//#endregion ---------------------



Loading…
Cancel
Save