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