|
|
@@ -37,6 +37,18 @@ |
|
|
|
> --> |
|
|
|
<view class="orangeBtn" @click="goChooseStyle"> 重新选择 </view> |
|
|
|
<view class="grayBtn" @click="loginOut"> 退出登录 </view> |
|
|
|
|
|
|
|
<u-overlay class="overlay" :show="showQrCode" 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> |
|
|
|
|
|
|
@@ -56,6 +68,8 @@ const userInfoModulesPinia = userInfoModules(); |
|
|
|
//#region 轮播图 |
|
|
|
const createState = ref(1); //制作状态:1生成中,2完成,3失败 |
|
|
|
const workId = ref(null); //作品id |
|
|
|
const showQrCode = ref(false); |
|
|
|
const QRCodeUrl = ref(""); |
|
|
|
|
|
|
|
onLoad(async (options) => { |
|
|
|
workId.value = options.id; |
|
|
@@ -117,10 +131,21 @@ function previewImage(index) { |
|
|
|
|
|
|
|
//#region 页面跳转 |
|
|
|
function goChooseStyle() { |
|
|
|
uni.navigateTo({ |
|
|
|
url: "/pages/chooseStyle/index", |
|
|
|
}); |
|
|
|
if (userInfoModulesPinia.createTimes) { |
|
|
|
uni.navigateTo({ |
|
|
|
url: "/pages/chooseStyle/index", |
|
|
|
}); |
|
|
|
} else { |
|
|
|
showQrCode.value = true; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
const cancelUplaod = () => { |
|
|
|
showQrCode.value = false; |
|
|
|
userInfoModulesPinia.clearStorage(); |
|
|
|
uni.navigateTo({ url: "/pages/login/index" }); |
|
|
|
}; |
|
|
|
|
|
|
|
//#endregion --------------------- |
|
|
|
|
|
|
|
//#region 超分相关 |
|
|
@@ -419,4 +444,44 @@ onUnload(() => { |
|
|
|
} |
|
|
|
z-index: 9; |
|
|
|
} |
|
|
|
.overlay { |
|
|
|
.content { |
|
|
|
width: 100%; |
|
|
|
height: 100vh; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
text-align: center; |
|
|
|
.imageBox { |
|
|
|
position: relative; |
|
|
|
margin-top: 200rpx; |
|
|
|
width: 500rpx; |
|
|
|
height: 500rpx; |
|
|
|
border-radius: 30rpx; |
|
|
|
background-color: #fff; |
|
|
|
.mask { |
|
|
|
position: absolute; |
|
|
|
width: 500rpx; |
|
|
|
height: 500rpx; |
|
|
|
border-radius: 30rpx; |
|
|
|
background-color: rgba($color: #000000, $alpha: 0.7); |
|
|
|
z-index: 2; |
|
|
|
} |
|
|
|
image { |
|
|
|
width: 500rpx; |
|
|
|
height: 500rpx; |
|
|
|
border-radius: 30rpx; |
|
|
|
background-color: #fff; |
|
|
|
} |
|
|
|
} |
|
|
|
text { |
|
|
|
margin-top: 20rpx; |
|
|
|
font-weight: 900; |
|
|
|
font-size: 32rpx; |
|
|
|
} |
|
|
|
// .orangeBtn { |
|
|
|
// margin-top: 100rpx; |
|
|
|
// } |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |