|  |  | @@ -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> |