From 8c2eba2bcef284654e75d0e3398cb226e9b46199 Mon Sep 17 00:00:00 2001
From: JING <leirance@live.com>
Date: Wed, 17 Jul 2024 17:40:52 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                    |   7 ++
 pages/user/account/index.vue  |  10 ++-
 pages/user/account/logout.vue | 126 ++++++++++++++++++++++++++++++++++
 static/img/user/popup_bg.png  | Bin 0 -> 3150 bytes
 4 files changed, 141 insertions(+), 2 deletions(-)
 create mode 100644 pages/user/account/logout.vue
 create mode 100644 static/img/user/popup_bg.png

diff --git a/pages.json b/pages.json
index 95fe5d3..39940b4 100644
--- a/pages.json
+++ b/pages.json
@@ -63,6 +63,13 @@
         	{
         		"navigationBarTitleText" : "照片详情"
         	}
+        },
+        {
+        	"path" : "pages/user/account/logout",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : "注销账号"
+        	}
         }
        
     ],
diff --git a/pages/user/account/index.vue b/pages/user/account/index.vue
index 253c709..a8968b1 100644
--- a/pages/user/account/index.vue
+++ b/pages/user/account/index.vue
@@ -87,7 +87,7 @@
 			
 		</view>	
 		
-		<view class="form" style="margin-top: 20rpx;">
+		<view class="form" style="margin-top: 20rpx;" @click="logout">
 			<!--input box start-->
 						    <view class='input_box'>
 						      <view class='i_box_1'>注销账号</view>
@@ -247,7 +247,13 @@
 				_this.btn_disabled = false; 
 				
 			},
-			
+			//注销
+			logout()
+			{
+				uni.navigateTo({
+					url:'/pages/user/account/logout'
+				})
+			},
 			
 		}
 	}
diff --git a/pages/user/account/logout.vue b/pages/user/account/logout.vue
new file mode 100644
index 0000000..3256662
--- /dev/null
+++ b/pages/user/account/logout.vue
@@ -0,0 +1,126 @@
+<template>
+	<view class="container">
+		<u-parse :content="content" :tagStyle="style"></u-parse>
+		
+		<view class="btnBox" @click="logout">
+			确认注销
+		</view>	
+		
+		<u-popup :show="show" :round="10" mode="center" bgColor="transparent" @close="close" @open="open">
+		            <view class="popupBox">
+		                <view class="popupTop">
+							提醒
+						</view>
+						<view class="popupDesc">
+							是否确认注销账号？
+						</view>
+						<view class="popupBtn">
+							<view class="sbtnBox a1">取消</view>
+							<view class="sbtnBox a2">确认</view>
+						</view>
+		            </view>
+		</u-popup>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				content: `<h3>你正在申请注销合成照相馆的账号</h3>
+						 <p>1.账户注销后该账户账户下的全部数据将被删除，包括但不限于面部档案，写真等</p>
+						 <p>2.正在创建或已付费但未生成完毕的内容，都将马上停止并销毁。</p>
+						 <p>3.已支付但未交付的内容不能退款</p>
+						 <p>4.请知悉以上内容。</p>`,
+				style: {
+							// 字符串的形式
+							h3:'font-weight: 400;font-size: 32rpx;color: #333333;line-height: 46rpx;',
+							p: 'font-weight: 400;font-size: 28rpx;color: #555555;line-height: 40rpx;',
+							span: 'font-size: 24rpx'
+					 },
+				//弹窗
+				show: false,	
+			}
+		},
+		methods: {
+			logout(){
+				 this.show = true;
+			},
+			
+			open() {
+			   console.log('open');
+			},
+			close() {
+			   this.show = false;
+
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+.container{padding: 20rpx 20rpx; height: auto; background-color: #F5F6FB;}
+.btnBox{
+	width: 400rpx;
+	height: 88rpx;
+	border-radius: 44rpx;
+	border: 2rpx solid #9B75FF;
+	font-weight: 700;
+	font-size: 30rpx;
+	line-height: 88rpx;
+	text-align: center;
+	color: #9B75FF;
+	margin: 20rpx auto;
+
+}
+.popupBox{
+	width: 600rpx;
+	height: 320rpx;
+	border-radius: 24rpx;
+	background-color: #FFFFFF;
+}
+.popupTop{
+	width: 600rpx;
+	height: 140rpx;
+	background: linear-gradient(to bottom, #D3D5FF 30%, #FFFFFF 70%);
+	border-radius: 24rpx 24rpx 0rpx 0rpx;
+	line-height: 140rpx;
+	text-align: center;
+	font-weight: 700;
+	font-size: 30rpx;
+	color: #333333;
+}
+.popupDesc{
+	width: 100%;
+	font-weight: 400;
+	font-size: 28rpx;
+	color: #555555;
+	line-height: 40rpx;
+	text-align: center;
+}
+.popupBtn{ width: 100%; height: auto;
+    display: flex; flex-wrap: wrap;
+	justify-content: space-around; /* 使子元素在容器中均匀分布 */
+	align-items: center; /* 如果需要垂直居中子元素 */
+}
+.sbtnBox{
+	margin-top: 30rpx;
+	width: 226rpx;
+	height: 80rpx;
+	font-weight: 700;
+	font-size: 30rpx;
+	line-height: 80rpx;
+	border: 2rpx solid #4D94FF;
+	text-align: center;
+	border-radius: 44rpx;
+}
+
+.a1{
+	background: linear-gradient( 270deg, rgba(46,87,241,0.15) 0%, rgba(131,88,246,0.15) 100%);
+	color:#7A74F0;
+}
+.a2{
+	background: linear-gradient( 270deg, #2E57F1 0%, #8358F6 100%);
+	color:#FFFFFF;
+}
+</style>
diff --git a/static/img/user/popup_bg.png b/static/img/user/popup_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..02fa6f8f8b9a3831515a3d44c505012c70ffeb39
GIT binary patch
literal 3150
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
IZ0|$;AF_4K0ssI2

literal 0
HcmV?d00001