From ed4c0492fb5cdca1270c617eaef71709c5ccc4e6 Mon Sep 17 00:00:00 2001
From: zhangdongxue <zhangdongxue@uz.cn>
Date: Sat, 25 Sep 2021 11:59:49 +0800
Subject: [PATCH] =?UTF-8?q?'=E6=8F=90=E7=8E=B0=E6=A8=A1=E5=9D=97'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apis/interfaces/wallet.js            | 159 +++++++++++
 components/numberJpan/numberJpan.vue | 238 ++++++++++++++++
 components/property/record.vue       |  93 +++++++
 pages.json                           |  50 +++-
 pages/user/index.vue                 |   6 +-
 pages/wallet/add.vue                 |  65 +++++
 pages/wallet/cmsWithDraw.vue         |  50 ++++
 pages/wallet/code.vue                | 136 ++++++++++
 pages/wallet/create.vue              | 138 ++++++++++
 pages/wallet/extract.vue             | 389 +++++++++++++++++++++++++++
 pages/wallet/guide.vue               | 125 +++++++++
 pages/wallet/index.vue               | 144 ++++++++++
 pages/wallet/mnemonic.vue            | 108 ++++++++
 pages/wallet/privatekey.vue          | 108 ++++++++
 pages/wallet/property.vue            | 343 +++++++++++++++++++++++
 pages/wallet/resetPassword.vue       | 150 +++++++++++
 pages/wallet/results.vue             |  77 ++++++
 pages/wallet/transfer.vue            | 216 +++++++++++++++
 pages/wallet/validation.vue          | 169 ++++++++++++
 static/icons/logs-null.png           | Bin 0 -> 5610 bytes
 static/imgs/cart_empty.png           | Bin 0 -> 3602 bytes
 21 files changed, 2756 insertions(+), 8 deletions(-)
 create mode 100644 apis/interfaces/wallet.js
 create mode 100644 components/numberJpan/numberJpan.vue
 create mode 100644 components/property/record.vue
 create mode 100644 pages/wallet/add.vue
 create mode 100644 pages/wallet/cmsWithDraw.vue
 create mode 100644 pages/wallet/code.vue
 create mode 100644 pages/wallet/create.vue
 create mode 100644 pages/wallet/extract.vue
 create mode 100644 pages/wallet/guide.vue
 create mode 100644 pages/wallet/index.vue
 create mode 100644 pages/wallet/mnemonic.vue
 create mode 100644 pages/wallet/privatekey.vue
 create mode 100644 pages/wallet/property.vue
 create mode 100644 pages/wallet/resetPassword.vue
 create mode 100644 pages/wallet/results.vue
 create mode 100644 pages/wallet/transfer.vue
 create mode 100644 pages/wallet/validation.vue
 create mode 100644 static/icons/logs-null.png
 create mode 100644 static/imgs/cart_empty.png

diff --git a/apis/interfaces/wallet.js b/apis/interfaces/wallet.js
new file mode 100644
index 0000000..b383342
--- /dev/null
+++ b/apis/interfaces/wallet.js
@@ -0,0 +1,159 @@
+
+/**
+ * Web唐明明
+ * 匆匆数载恍如梦，岁月迢迢华发增。
+ * 碌碌无为枉半生，一朝惊醒万事空。
+ * moduleName: 钱包
+ */
+
+import {request} from '../index.js'
+
+// 导出助记词
+const seed = () => {
+	return request({
+		url: 'chain/safe/seed'
+	})
+}
+
+const hash = (data) => {
+	return request({
+		url: 'chain/wallet/hash',
+		method: 'POST',
+		data: data
+	})
+}
+
+// 收款码
+const code = () => {
+	return request({
+		url: 'chain/account/code'
+	})
+}
+
+// 原石余额
+const sum = () => {
+	return request({
+		url: 'chain/account/balance'
+	})
+}
+
+// 原石价格
+const price = () => {
+	return request({
+		url: 'nodes/price'
+	})
+}
+
+// 账户记录
+const logs = (data) => {
+	return request({
+		url: 'chain/account/logs',
+		data: data
+	})
+}
+
+// 设置安全密码
+const security = (data) => {
+	return request({
+		url: 'chain/safe/security',
+		method: 'POST',
+		data
+	})
+}
+
+// 转账
+const transfer = (data) => {
+	return request({
+		url: 'chain/account/transfer',
+		method: 'POST',
+		data
+	})
+}
+
+// 钱包私钥
+const privatekey = (code) => {
+	return request({
+		url : "chain/safe/private_key",
+		data: {
+			code
+		} 
+	})
+}
+
+// 获取可提现信息
+const withdraw = () => {
+	return request({
+		url : "withdraw"
+	})
+}
+
+// 提现记录
+const withdrawLogs = (data) => {
+	return request({
+		url : "withdraw/logs",
+    data:data
+	})
+}
+
+//  提现
+const withdrawDo = (data) => {
+	return request({
+		url : "withdraw",
+		method: 'POST',
+		data:data
+	})
+}
+
+//  验证支付密码是否正确
+const securityCheck = (password) => {
+	return request({
+		url : "chain/safe/security/check",
+		method: 'POST',
+		data:{
+			code : password,
+		}
+	})
+}
+
+//  修改密码
+const securityReset = (data) => {
+	return request({
+		url : "chain/safe/security",
+		method: 'PUT',
+		data:data
+	})
+}
+
+// 提现服务条款
+const cmsWithdraw = () => {
+	return request({
+		url : "cms/withdraw"
+	})
+}
+
+// 私钥规则
+const keyrules = () => {
+	return request({
+		url: 'cms/keyrules'
+	})
+}
+
+export {
+	seed,
+	hash,
+	code,
+	sum,
+	price,
+	logs,
+	security,
+	transfer,
+	privatekey,
+	withdraw,
+	withdrawLogs,
+	withdrawDo,
+	securityCheck,
+	securityReset,
+	cmsWithdraw,
+	keyrules
+}
+
diff --git a/components/numberJpan/numberJpan.vue b/components/numberJpan/numberJpan.vue
new file mode 100644
index 0000000..c8017b1
--- /dev/null
+++ b/components/numberJpan/numberJpan.vue
@@ -0,0 +1,238 @@
+<template>
+	<view class="numberJpan" :style="wc" v-show="flag" >
+		<!-- <view class="myshuru" :style="obj" @tap.stop="flag=true">
+			<view class="srk" :style="'width:'+100/(length||6)+'%'" v-for=" i in length||6" :id="(i-1)==xz?'numberJpanActive':''" >
+				{{arr[i-1]}}
+			</view>
+		</view> -->
+		<view class="myshuru" :style="obj" @tap.stop="flag=true">
+			<view class="gb" @tap="close()" :style="gsbstyle">×</view>
+			<view class="shuruTitle">
+				请输入支付密码
+			</view>
+			<view class="center-x">
+				<view class="srk" :style="'width:'+100/(length||6)+'%'" v-for=" i in length||6" :id="(i-1)==xz?'numberJpanActive':''" :key="i" >
+					<!-- #ifdef MP-WEIXIN -->
+					{{showNum?arr[i]==null?'':arr[i]:arr[i]!=null?"●" : ""}}
+					<!-- #endif -->
+					<!-- #ifndef MP-WEIXIN -->
+					{{showNum?arr[i-1]==null?'':arr[i-1]:arr[i-1]!=null?"●" : ""}}
+					<!-- #endif -->
+				</view>
+			</view>
+		</view>
+		<view class="jpan" :style="tsfY">
+			<view class="nav"  @tap="close()">
+				<uni-icons type="arrowdown"></uni-icons>
+			</view>
+			<view class="main">
+				<!-- #ifdef MP-WEIXIN -->
+				<view v-for="i in 9" :key="i" @tap="numshuzi(i+1)">{{i+1}}</view>
+				<!-- #endif -->
+				<!-- #ifndef MP-WEIXIN -->
+				<view v-for="i in 9" :key="i" @tap="numshuzi(i)">{{i}}</view>
+				<!-- #endif -->
+				<view> </view>
+				<view @tap="numshuzi(0)">0</view>
+				<view @tap="del()">
+					<uni-icons type="arrowthinleft"></uni-icons>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:'number-jpan',
+		data() {
+			return {
+				wc:{
+					'background-color':"rgba(0, 0, 0, .0)"
+				},
+				obj:{
+					"opacity":0,
+					"top":'50%'
+				},
+				flag:false,
+				clear1:"",
+				clear2:"",
+				arr:[],
+				xz:0,
+				gsbstyle:{
+					"opacity":0
+				},
+				tsfY:{
+					'transform':'translateY(100%)'
+				}
+			};
+		},
+		props:['length','showNum'],
+		methods:{
+			del(){
+				if(this.xz>0){
+					//let arr1=this.arr
+					//arr1[this.xz]=""
+					//this.arr=arr1
+					this.arr.pop();
+					this.xz--;
+				}
+				uni.vibrateShort();
+			},
+			numshuzi(num){
+				let arr1=this.arr
+				arr1[this.xz]=num
+				this.arr=arr1
+				uni.vibrateShort();
+				this.xz++
+				if(this.xz==this.length){
+					let str=""
+					for(let item of this.arr){
+						str+=item
+					}
+					this.$emit('closeChange',str)
+					this.close()
+				}
+				
+			},
+			open(){
+				this.flag=true;
+				this.arr=[];
+				this.xz=0;
+				this.clear1=setTimeout(()=>{
+					this.wc='background-color:rgba(0, 0, 0, .5)';
+					
+					this.obj='opacity:1;top:40%';
+					
+					this.gsbstyle="opacity:1";
+						
+					this.tsfY='transform:translateY(0%)';
+				},100)
+			},
+			close(){
+				this.wc={
+					'background-color':"rgba(0, 0, 0, .0)"
+				}
+				this.obj={
+					"opacity":0,
+					"top":'50%'
+				}
+				this.gsbstyle={
+					"opacity":0
+				}
+				this.clear2=setTimeout(()=>{
+					this.flag=false
+				},1000)
+				this.tsfY={
+					'transform':'translateY(100%)'
+				}
+			},
+			xuanze(i){
+				this.xz=i
+				uni.vibrateShort();
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	#numberJpanActive{
+		background-color: $mian-color;
+		color: #FFFFFF;
+	}
+	.jpan{
+		width: 100vw;
+		height: 30vh;
+		background-color: #FFFFFF;
+		position: absolute;
+		bottom: 0;
+		transform: translateY(100%);
+		transition: all .5s;
+		.nav{
+			text-align: center;
+			line-height: 50upx;
+			box-sizing: border-box;
+			border-bottom: 1px solid #EEEEEE;
+		}
+		.main{
+			width: 100%;
+			height: calc(30vh - 50upx);
+			view{
+				box-sizing: border-box;
+				float: left;
+				width: 33.33%;
+				height: 25%;
+				font-size: 40upx;
+				text-align: center;
+				line-height:7.5vh;
+				border: 1px solid #f4f4f4;
+			}
+			view:active{
+				background-color: #EEEEEE;
+			}
+		}
+	}
+	.numberJpan{
+		width: 100vw;
+		height: 100vh;
+		position: fixed;
+		top: 0;
+		left: 0;
+		background-color: rgba(0, 0, 0, 0);
+		transition: all .5s;
+		z-index: 999;
+		.myshuru{
+			transition: all .5s;
+			position: absolute;
+			width: 70vw;
+			height: 350upx;
+			top: 50%;
+			opacity: 0;
+			transform: translate(-50%,-50%);
+			background-color: #FFFFFF;
+			left: 50%;
+			color: #000000;
+			border-radius: 20upx;
+			overflow: hidden;
+			.shuruTitle{
+				margin: 100upx auto;
+				font-weight: 900;
+				text-align: center;
+				font-size: 30upx;
+			}
+			.center-x{
+				width: 90%;
+				height: 80upx;
+				border: 1px solid #EEEEEE;
+				border-radius: 20upx;
+				position: absolute;
+				overflow: hidden;
+				left: 50%;
+				transform: translateX(-50%);
+				bottom: 50upx;
+				.srk{
+					height: 100%;
+					line-height: 80upx;
+					text-align: center;
+					float: left;
+					box-sizing: border-box;
+					border-left: 1px solid #EEEEEE;
+					transition: all .4s;
+				}
+				.srk:nth-child(1){
+					border-left:0px;
+					border-radius: 20upx 0 0 20upx;
+				}
+			}
+			
+		}
+	}
+	.gb{
+		position: absolute;
+		font-size: 50upx;
+		top: 0;
+		color: #AAAAAA;
+		left: 30upx;
+		transition: all .5s;
+	}
+</style>
diff --git a/components/property/record.vue b/components/property/record.vue
new file mode 100644
index 0000000..a5a5ccd
--- /dev/null
+++ b/components/property/record.vue
@@ -0,0 +1,93 @@
+<template>
+	<view>
+		<block v-if="list.length > 0">
+			<view class="record--item" v-for="(item, index) in list" :key="index">
+				<view class="title ellipsis">{{item.hash || '-'}}</view>
+				<view class="time ellipsis">{{item.block_time || '-'}}</view>
+				<view class="webkit-box variation">
+					<view class="ellipsis" :class="item.is_in ? 'add': 'remove'">{{item.is_in ? '+': '-'}}{{item.amount}}</view>
+					<view class="symbol">{{item.assets.symbol}}</view>
+				</view>
+			</view>
+		</block>
+		<block v-else>
+			<no-list v-if='logsType === 0' name='no-record' txt="没有任何记录~" />
+			<no-list v-if='logsType === 2' name='no-in' txt="没有任何收入记录~" />
+			<no-list v-if='logsType === 1' name='no-out' txt="没有任何支出记录~" />
+		</block>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"property",
+		props:{
+			list: {
+				type: Array,
+				default: () => {
+					return []
+				}
+			},
+			logsType:{
+				type:Number
+			}
+		},
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.record--item{
+		padding: $padding 320rpx $padding 0;
+		border-bottom: solid 1rpx $border-color;
+		position: relative;
+		min-height: 50rpx;
+		.variation{
+			position: absolute;
+			right: 0;
+			top: $margin;
+			bottom: $margin;
+			width: 300rpx;
+			text-align: right;
+			font-weight: bold;
+			&>label{
+				font-size: 80%;
+			}
+			.symbol{
+				color: $mian-color;
+				font-weight: normal;
+				font-size: $title-size-m;
+			}
+			.add{
+				color: $mian-color;
+			}
+			.remove{
+				color: $mian-color;
+			}
+		}
+		.title{
+			line-height: 50rpx;
+		}
+		.time{
+			font-size: $title-size-m;
+			color: $mian-color;
+		}
+	}
+	// 数据空
+	.record--null{
+		padding-top: $padding * 3;
+		text-align: center;
+		color: $mian-color;
+		font-size: $title-size;
+		height: 50vh;
+		box-sizing: border-box;
+		line-height: 60rpx;
+		image{
+			width: 168rpx;
+		}
+	}
+</style>
diff --git a/pages.json b/pages.json
index 9b7799b..4c6acb9 100644
--- a/pages.json
+++ b/pages.json
@@ -129,22 +129,62 @@
 		"style": {
 			"navigationBarTitleText": "企业认证"
 		}
-	},{
+	}, {
 		"path": "pages/news/index",
 		"name": "news",
 		"auth": true,
 		"style": {
 			"navigationBarTitleText": "消息中心"
 		}
-	},{
+	}, {
 		"path": "pages/news/detail",
 		"name": "newsDetail",
 		"auth": true,
 		"style": {
 			"navigationBarTitleText": "消息列表"
 		}
-	}
-	],
+	}, {
+		"path": "pages/wallet/property",
+		"name": "walletProperty",
+		"style": {
+			"navigationBarTitleText": "能量钱包",
+			"enablePullDownRefresh": false,
+			"navigationBarTextStyle": "white",
+			"app-plus": {
+				"titleNView": {
+					"backgroundColor": "#b11eff",
+					"type": "transparent",
+					"buttons": [{
+						"float": "right",
+						"fontSize": "14",
+						"text": "管理",
+						"background": "rgba(255,255,255,0)"
+					}],
+					"backButton": {
+						"background": "rgba(255,255,255,0)"
+					}
+				}
+			}
+		}
+	}, {
+		"path": "pages/wallet/extract",
+		"style": {
+			"navigationBarTitleText": "提现能量",
+			"enablePullDownRefresh": false,
+			"navigationBarBackgroundColor": "#774ffd",
+			"navigationBarTextStyle": "white"
+		},
+		"name": "Extract"
+	}, {
+		"path": "pages/wallet/resetPassword",
+		"style": {
+			"navigationBarTitleText": "重置密码",
+			"enablePullDownRefresh": false,
+			"navigationBarBackgroundColor": "#774ffd",
+			"navigationBarTextStyle": "white"
+		},
+		"name": "ResetPassword"
+	} ],
 	"globalStyle": {
 		"navigationStyle": "custom",
 		"backgroundColor": "#F5F5F5"
@@ -176,4 +216,4 @@
 	"easycom": {
 		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
 	}
-}
\ No newline at end of file
+}
diff --git a/pages/user/index.vue b/pages/user/index.vue
index bc7f439..c996934 100644
--- a/pages/user/index.vue
+++ b/pages/user/index.vue
@@ -122,7 +122,7 @@
                     <view class="withdraw-name">
                         当前能量球价值<view class="withdraw-number">￥0.00</view>
                     </view>
-                    <view class="withdraw-btn">
+                    <view class="withdraw-btn" @click="$Router.push({name: 'Extract'})">
                         去提现
                     </view>
                 </view>
@@ -131,8 +131,8 @@
                         我的资产
                     </view>
                     <view class="assets-list" v-if="userData.account">
-                        <view class="assets-label">
-                            <view class="assets-label-name">能量球钱包<image @click="showHelp('wallet')" class="assets-label-icon" src="/static/user/userAssets_tips.png"></image></view>
+                        <view class="assets-label" @click="$Router.push({name:'walletProperty'})">
+                            <view class="assets-label-name">能量球钱包<image @click.stop="showHelp('wallet')" class="assets-label-icon" src="/static/user/userAssets_tips.png"></image></view>
                             <view class="assets-label-number">{{userData.account.coins || 0}}</view>
                         </view>
                         <view class="assets-label">
diff --git a/pages/wallet/add.vue b/pages/wallet/add.vue
new file mode 100644
index 0000000..d0522c7
--- /dev/null
+++ b/pages/wallet/add.vue
@@ -0,0 +1,65 @@
+<template>
+	<view class="content webkit-box">
+		<!-- logo -->
+		<image class="logo" src="@/static/img/oc-logo.png" mode="widthFix"></image>
+		<!-- 副标题 -->
+		<view class="sub-title">激活您的OC Chain区块链钱包地址。</br>地址可以理解为您的个人银行卡卡号，与他人转账时是区块链上两个地址的交易行为</view>
+		<!-- 按钮 -->
+		<navigator class="wallet-btn" url="./mnemonic" open-type="redirect">激活钱包</navigator>
+		<!-- <navigator class="wallet-btn hollow" url="./guide">导入钱包</navigator> -->
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+	page {
+		background-color: white;
+	}
+</style>
+
+<style lang="scss" scoped>
+	.content{
+		position: relative;
+		height: 100vh;
+		padding: 0 15vw;
+		text-align: center;
+		.logo{
+			width: 138rpx;
+			vertical-align: top;
+			margin-bottom: 30vh;
+		}
+		.sub-title{
+			font-size: $title-size-m;
+			color: $text-gray;
+		}
+		.wallet-btn{
+			width: 100%;
+			background-color: $mian-color;
+			height: 90rpx;
+			line-height: 90rpx;
+			margin-top: $margin * 2;
+			border-radius: $radius-lg;
+			color: white;
+			font-weight: bold;
+			font-size: $title-size;
+			&.hollow{
+				background-color: white;
+				color: $mian-color;
+				border:solid 2rpx $mian-color;
+				box-sizing: border-box;
+			}
+		}
+	}
+</style>
diff --git a/pages/wallet/cmsWithDraw.vue b/pages/wallet/cmsWithDraw.vue
new file mode 100644
index 0000000..5476ab1
--- /dev/null
+++ b/pages/wallet/cmsWithDraw.vue
@@ -0,0 +1,50 @@
+<template>
+  <view>
+    <view class="clauseCont">
+      <rich-text :nodes="clauseData"></rich-text>
+    </view>
+  </view>
+</template>
+
+<script>
+  import {
+    cmsWithdraw
+  } from '@/apis/interfaces/wallet.js'
+  export default {
+    data() {
+      return {
+        clauseData: [] //服务条款
+      };
+    },
+    onLoad() {
+      // 获取服务条款
+      this.clauseInfo()
+    },
+    methods: {
+      // 服务条款
+      clauseInfo() {
+        cmsWithdraw().then(res => {
+          this.clauseData = res.content.replace(/\<img/gi,
+            '<img style="max-width:100%; height:auto; vertical-align: top;"')
+        }).catch(err => {
+          uni.showToast({
+            icon: 'none',
+            title: err.message
+          })
+        })
+      },
+    }
+  }
+</script>
+
+<style lang="scss">
+  page {
+    background-color: $uni-bg-color;
+  }
+
+  .clauseCont {
+    padding: $padding + 10 $padding * 2;
+    width: 100%;
+    box-sizing: border-box;
+  }
+</style>
diff --git a/pages/wallet/code.vue b/pages/wallet/code.vue
new file mode 100644
index 0000000..3adee0c
--- /dev/null
+++ b/pages/wallet/code.vue
@@ -0,0 +1,136 @@
+<template>
+	<view class="webkit-box code">
+		<view class="webkit-box code-content">
+			<view class="sub-title">扫码转入OC COIN</view>
+			<view class="code-img">
+				<image :src="code" mode="widthFix" />
+			</view>
+			<view class="hr"></view>
+			<view class="sub-title">钱包地址</view>
+			<view class="hash">{{address || '-'}}</view>
+			<view class="buttons">
+				<button class="item red" type="default" @click="showShare()">分享</button>
+				<button class="item greed" type="default" @click="copyAddress">复制</button>
+			</view>
+		</view>
+		<view class="footer">OC CHNIA</view>
+	</view>
+</template>
+
+<script>
+	import { code } from '@/apis/interfaces/wallet'
+	export default {
+		data() {
+			return {
+				address: '',
+				code: ''
+			};
+		},
+		mounted() {
+			code().then(res=>{
+				this.code = res.image
+				this.address = res.address
+			}).catch(err=>{
+				uni.showToast({
+					icon: 'none',
+					title: err.message
+				})
+			})
+		},
+		methods:{
+			copyAddress(){
+				uni.setClipboardData({
+					data: this.address
+				})
+			},
+			showShare(){
+				uni.share({
+					provider: 'weixin',
+					title: '我正在使用ocChain钱包收款',
+					scene: 'WXSceneSession',
+					href: 'https://live.funnyzhibo.com/blockdownload',
+					imageUrl: 'https://live.funnyzhibo.com/oc-chain.png',
+					summary: '我的收款地址' + this.address
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.code{
+		height: 100vh;
+		background:linear-gradient(to bottom, $mian-color, $mian-color-deep);
+		padding-bottom: env(safe-area-inset-bottom);
+		padding-bottom: constant(safe-area-inset-bottom);
+		box-sizing: border-box;
+		// 收款码
+		.code-content{
+			text-align: center;
+			background: white;
+			margin: 0 8vw;
+			border-radius: $radius;
+			padding: $padding * 2;
+			height: 70vh;
+			box-shadow: 0 0 6rpx 6rpx rgba($color: #000000, $alpha: .02);
+			box-sizing: border-box;
+			.sub-title{
+				font-size: $title-size + 8;
+			}
+			.code-img{
+				width: 20vh;
+				height: 20vh;
+				margin: $margin * 3 0 $margin * 2;
+				display: inline-block;
+				background-image: url(../../static/background/wallet-code-background.png);
+				padding: $padding;
+				box-sizing: border-box;
+				background-position: center;
+				background-size: cover;
+				image{
+					width: 100%;
+				}
+			}
+			.hr{
+				height: 1rpx;
+				background: $border-color;
+				margin: $margin * 2 0;
+			}
+			.hash{
+				word-wrap: break-word;
+				font-size: $title-size;
+				padding: $padding 0;
+			}
+			.buttons{
+				display: flex;
+				padding-top: $padding * 2;
+				.item{
+					width: 40%;
+					height: 80rpx;
+					line-height: 80rpx;
+					border-radius: 40rpx;
+					font-size: $title-size;
+					color: white;
+					&::after{
+						border: none;
+					}
+					&.red{
+						background: $red-color;
+					}
+					&.greed{
+						background: $mian-color;
+					}
+				}
+			}
+		}
+		// 底部
+		.footer{
+			height: 10vh;
+			line-height: 10vh;
+			text-align: center;
+			font-size: $title-size + 10;
+			font-weight: bold;
+			color: #58876e;
+		}
+	}
+</style>
diff --git a/pages/wallet/create.vue b/pages/wallet/create.vue
new file mode 100644
index 0000000..2d7a1ad
--- /dev/null
+++ b/pages/wallet/create.vue
@@ -0,0 +1,138 @@
+<template>
+  <view>
+    <!-- 设置钱包密码 -->
+    <view class="password">
+      <view class="prompt">请设置6位数字密码。建议不要使用连续的数字。</view>
+      <view class="group">
+        <view class="inputs">
+          <label>密码</label>
+          <input type="digit" v-model="password" maxlength="6" placeholder="请设置密码" />
+        </view>
+        <view class="inputs">
+          <label>确认密码</label>
+          <input type="digit" v-model="verify" maxlength="6" placeholder="请确认密码" />
+        </view>
+      </view>
+    </view>
+    <!-- 按钮 -->
+    <view class="buttons">
+      <button type="default" form-type="submit" @click="createWallet">确认</button>
+    </view>
+  </view>
+</template>
+
+<script>
+  import {
+    security
+  } from '@/apis/interfaces/wallet'
+  export default {
+    data() {
+      return {
+        password: '',
+        verify: ''
+      }
+    },
+    methods: {
+      // 激活钱包
+      createWallet() {
+        if (this.password === '' || this.verify === '') {
+          uni.showToast({
+            icon: 'none',
+            title: '请设置密码'
+          })
+          return
+        }
+        if (this.password !== this.verify) {
+          uni.showToast({
+            icon: 'none',
+            title: '两次输入密码不一致'
+          })
+          return
+        }
+        security({
+          code: this.password
+        }).then(res => {
+          uni.navigateBack()
+        }).catch(err => {
+          uni.showToast({
+            icon: 'none',
+            title: err.message
+          })
+        })
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  // 副标题
+  .sub-title {
+    color: $text-gray;
+    text-align: center;
+    margin: $margin * 2 $margin;
+    font-size: $title-size-m;
+  }
+
+  // 设置密码
+  .password {
+    padding: 0 $padding * 2;
+
+    .prompt {
+      margin-top: $margin * 2;
+      font-size: $title-size-m;
+      color: $mian-color;
+    }
+
+    .group {
+      margin-top: $margin;
+      border-radius: $radius-m;
+      box-shadow: 0 0 4rpx 4rpx rgba($color: $text-color, $alpha: .02);
+      background-color: white;
+
+      .inputs {
+        padding: $padding $padding + 10;
+        border-bottom: solid 1rpx $border-color;
+
+        &:last-child {
+          border-bottom: none;
+        }
+
+        label {
+          color: $text-gray;
+          font-size: $title-size-m;
+        }
+
+        input {
+          height: 70rpx;
+          line-height: 70rpx;
+          font-size: $title-size;
+        }
+      }
+    }
+  }
+
+  // 按钮
+  .buttons {
+    padding: $padding * 2;
+
+    .text {
+      text-align: center;
+      line-height: 90rpx;
+      height: 90rpx;
+      margin-bottom: $margin * 2;
+      font-size: $title-size-lg;
+      color: $mian-color;
+      font-weight: bold;
+    }
+
+    button {
+      height: 90rpx;
+      line-height: 90rpx;
+      background-color: $mian-color;
+      border-radius: $radius-lg;
+      color: white;
+      font-weight: bold;
+      font-size: $title-size;
+    }
+  }
+</style>
diff --git a/pages/wallet/extract.vue b/pages/wallet/extract.vue
new file mode 100644
index 0000000..1823bf8
--- /dev/null
+++ b/pages/wallet/extract.vue
@@ -0,0 +1,389 @@
+<template>
+  <view class="WithdrawingCoin ">
+    <view class="withdrawing-content">
+      <view class="item-name">账户能量球将提现到银行卡</view>
+      <view class="item">
+        <view style="flex: 1;">
+          <input class="input_num" v-model="withdraw_input" @input='inputNum' type="number"
+            placeholder-style="color:#999;font-weight:normal; font-size:30rpx;" placeholder="请输入能量球数量" />
+          <view v-if="total">≈ ￥{{total}}</view>
+        </view>
+        <view class="all" @click="all">全部提现</view>
+      </view>
+      <view class="item">
+        <input class="input_num" v-model="card" type="number"
+          placeholder-style="color:#999;font-weight:normal; font-size:30rpx;" placeholder="请输入您要收款得银行卡卡号" />
+      </view>
+      <view class="item">
+        <input class="input_num" v-model="name" maxlength="10"
+          placeholder-style="color:#999;font-weight:normal; font-size:30rpx;" placeholder="请输入收款人姓名" />
+      </view>
+      <number-jpan :length="6" @closeChange="closeChange($event)" ref="numberPad"></number-jpan>
+      <view class="item-total">
+        <view class="total"><span>能量球总数 : {{balance}}</span><span class="money">总估值(CNY)≈￥{{(balance*price).toFixed(2)}}</span></view>
+      </view>
+    </view>
+    <view class="btn" @click="open">提现至银行卡</view>
+    <view class="ew_lists" v-if="withdrawLists.length>0">
+      <view class="" v-for="(item,index) in withdrawLists " :key="index">
+        <view class="receiptCode">
+          回执单号：{{item.receipt_code}}
+        </view>
+        <view class="item">
+          <view class="left">
+            <span>能量球:{{item.total}}</span>
+            <span>金额≈￥{{item.arrival}}</span>
+          </view>
+          <view class="right">
+            <span> {{item.created_at}} 提现</span>
+            <span> {{item.paid_at?item.paid_at+'到账':'努力打款中'}}</span>
+          </view>
+        </view>
+      </view>
+      <view class="hasmore">
+        {{has_more?'努力加载中~':'我是有底线的~'}}
+      </view>
+    </view>
+	<no-list v-else name='no-records' txt="暂无任何提现记录哦~" />
+  </view>
+</template>
+
+<script>
+  import {
+    withdraw,
+    withdrawLogs,
+    withdrawDo
+  } from '@/apis/interfaces/wallet.js';
+  import numberJpan from "@/components/numberJpan/numberJpan.vue";
+  export default {
+    data() {
+      return {
+        balance: 0, // 钱包能量球数量
+        price: 0, // 当前能量球价格
+        card: '', // 银行卡号
+        name: '', // 姓名
+        password: '', // 
+        withdraw_input: '', // 提现能量球数量
+        total: '', // 提现能量球转化成的钱数
+        page: 1,
+        has_more: true,
+        withdrawLists: [],
+      };
+    },
+    components: {
+      'number-jpan': numberJpan
+    },
+    onLoad() {
+      this.reset()
+    },
+    onReachBottom() {
+      if (this.withdrawLists.length > 0) {
+        if (this.has_more) {
+          this.withdrawLogs()
+        } else {
+          uni.showToast({
+            title: '没有更多~',
+            icon: 'none'
+          })
+        }
+      }
+    },
+    methods: {
+      // 提现基本信息
+      withdraw() {
+        withdraw().then(res => {
+          this.balance = Number(res.balance)
+          this.price = Number(res.price)
+        }).catch(err => {
+          uni.showToast({
+            title: err.message,
+            icon: 'none'
+          })
+        })
+      },
+      // 提现记录
+      withdrawLogs() {
+        withdrawLogs({
+          page: this.page
+        }).then(res => {
+          this.withdrawLists = this.withdrawLists.concat(res.data)
+          if (res.page.has_more) {
+            this.page = this.page + 1
+            this.has_more = true
+          } else {
+            this.has_more = false
+          }
+        }).catch(err => {
+          uni.showToast({
+            title: err.message,
+            icon: 'none'
+          })
+        })
+      },
+      //  输入提现能量球数量
+      inputNum(e) {
+        let number = Number(e.detail.value)
+        if (number <= this.balance) {
+          this.total = Number(e.detail.value) * this.price
+        } else {
+          uni.showToast({
+            title: '最大值能超过' + this.balance+'',
+            icon: 'none',
+            duration: 2000
+          });
+          this.withdraw_input = ''
+          this.total = 0
+        }
+
+      },
+      //  点击全部
+      all() {
+        if (this.balance > 0) {
+          this.withdraw_input = this.balance
+          this.total = this.balance * this.price
+        } else {
+          uni.showToast({
+            title: '啥也没有，我也做不到~',
+            icon: 'none',
+            duration: 2000
+          })
+        }
+      },
+      //  打开密码 出发提现功能
+      open() {
+        if (this.total > 0) {
+          let params = {
+            name: this.name,
+            card: this.card,
+            total: this.withdraw_input
+          }
+          if (params.name === '' || params.card === '' || params.total === 0) {
+            uni.showToast({
+              title: '重新确认提现信息',
+              icon: 'none',
+              duration: 2000
+            })
+          } else {
+            this.$refs.numberPad.open()
+          }
+        } else {
+          uni.showToast({
+            title: '啥也没有，我也做不到~',
+            icon: 'none',
+            duration: 2000
+          })
+        }
+      },
+      // 输入密码成功后，，，
+      closeChange(e) {
+        uni.showLoading({
+          title: '提现中~'
+        })
+        let params = {
+          name: this.name,
+          card: this.card,
+          total: this.withdraw_input,
+          code: e
+        }
+        withdrawDo(params).then(res => {
+          uni.showToast({
+            title: '申请提现成功，耐心等待打款',
+            icon: 'none',
+            duration: 2000
+          })
+          this.reset()
+        }).catch(err => {
+          uni.showToast({
+            title: err.message,
+            icon: 'none',
+            duration: 2000
+          })
+        })
+      },
+      reset() {
+        this.name = ''
+        this.card = ''
+        this.page = 1
+        this.has_more = true
+        this.withdraw_input = ''
+        this.total = 0
+        this.withdrawLists = []
+        this.withdrawLogs();
+        this.withdraw();
+      }
+    }
+  }
+</script>
+
+<style lang="scss">
+  .hasmore {
+    color: #808080;
+    font-size: $title-size-m;
+    text-align: center;
+    padding: $padding*2;
+  }
+
+  .nomore {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    font-size: $title-size-m;
+    color: #808080;
+    margin-top: $margin*4;
+
+    image {
+      width: 320rpx;
+      margin-bottom: $margin*2;
+    }
+  }
+
+  .receiptCode {
+    color: #808080;
+    text-align: left;
+    // margin: $margin 0;
+    font-size: $title-size-m;
+  }
+
+  .WithdrawingCoin {
+    background-color: #fff;
+    width: 100%;
+    min-height: 100vh;
+	padding-bottom: 100rpx;
+  }
+
+  .all {
+    color: $mian-color;
+    width: 160rpx;
+    text-align: center;
+  }
+
+  .withdrawing-content {
+    min-height: 300rpx;
+    background-color: #fff;
+    box-shadow: 0 0 30rpx 1rpx rgba($color: #000000, $alpha: 0.2);
+    margin: $margin*1.4;
+    border-radius: $radius*1.5;
+    padding: $padding*1.4;
+    font-size: $title-size-m;
+
+    .item-name {
+      text-align: center;
+      padding: $padding * .6;
+      color: #303030;
+      font-weight: bold;
+      margin-bottom: $margin;
+      font-size: $title-size *1.4;
+    }
+
+    .item {
+      border-bottom: solid 1rpx #f8f8f8;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: flex-start;
+      box-sizing: border-box;
+      padding: $padding 0;
+
+      span:nth-child(1) {
+        color: #666;
+        margin-right: 20rpx;
+      }
+
+      .input_num {
+        font-size: $title-size*1.5;
+        color: #3a3a3a;
+        font-weight: bolder;
+        flex: 1;
+
+      }
+    }
+
+    .item-total {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
+      padding: $padding*2 0 0 0;
+      color: #3a3a3a;
+
+      .total {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        justify-content: center;
+        box-sizing: border-box;
+
+        .money {
+          padding-top: $padding *0.5;
+        }
+      }
+
+      .lists {
+        color: $text-price;
+      }
+    }
+
+  }
+
+  .btn {
+    // background-color: $text-price;
+	background-image: linear-gradient(to right, $text-price, $mian-color);
+    color: #fff;
+    border-radius: 50rpx;
+    text-align: center;
+    padding: $padding ;
+    margin: $margin * 2;
+    font-size: $title-size;
+    font-weight: bold;
+  }
+
+  .ew_lists {
+    padding: $padding *2;
+    border-top: solid 4rpx #f8f8f8;
+
+    .item {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
+      box-sizing: border-box;
+      border-bottom: solid 1rpx #f8f8f8;
+      background-color: #fff;
+      padding: 0 0 $padding*0.8 0;
+
+      .left,
+      .right {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        justify-content: center;
+        box-sizing: border-box;
+      }
+
+      .left {
+        font-size: $title-size-m;
+        font-weight: bold;
+        color: #808080;
+
+        span:nth-child(2) {
+          color: $text-price;
+          font-size: $title-size-m;
+          font-weight: normal;
+          padding-top: $padding *0.5;
+        }
+      }
+
+      .right {
+        font-size: $title-size-m;
+        align-items: flex-end;
+        color: #666;
+
+        span:nth-child(1) {
+          padding-bottom: $padding*0.5;
+        }
+      }
+    }
+  }
+</style>
diff --git a/pages/wallet/guide.vue b/pages/wallet/guide.vue
new file mode 100644
index 0000000..04170d9
--- /dev/null
+++ b/pages/wallet/guide.vue
@@ -0,0 +1,125 @@
+<template>
+	<view>
+		<form>
+			<!-- 副标题 -->
+			<view class="sub-title">输入您的钱包助记词导入</view>
+			<!-- 助记词 -->
+			<view class="word">
+				<textarea placeholder="输入助记词"></textarea>
+			</view>
+			<!-- 设置钱包密码 -->
+			<view class="password">
+				<view class="group">
+					<view class="inputs">
+						<label>钱包名称</label>
+						<input type="text" placeholder="输入钱包名称" />
+					</view>
+				</view>
+				<view class="title">不少于8个字符。建议包含大小写，符号，特殊字符。</view>
+				<view class="group">
+					<view class="inputs">
+						<label>密码</label>
+						<input type="password" placeholder="请设置密码" />
+					</view>
+					<view class="inputs">
+						<label>确认密码</label>
+						<input type="password" placeholder="请确认密码" />
+					</view>
+				</view>
+			</view>
+			<!-- 按钮 -->
+			<view class="buttons">
+				<view class="text">什么是助记词？</view>
+				<button type="default" form-type="submit">开始导入</button>
+			</view>
+		</form>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	// 副标题
+	.sub-title{
+		line-height: 90rpx;
+		color: $text-gray;
+		text-align: center;
+		margin: $margin;
+		font-size: $title-size-m;
+	}
+	// 助记词
+	.word{
+		background-color: white;
+		margin: $margin * 2;
+		padding: $padding + 10;
+		border-radius: $radius-m;
+		box-shadow: 0 0 4rpx 4rpx rgba($color: $text-color, $alpha: .02);
+		& textarea{
+			height: 200rpx;
+		}
+	}
+	// 设置密码
+	.password{
+		padding: 0 $padding * 2;
+		.title{
+			margin-top: $margin * 2;
+			font-size: $title-size-m;
+			color: $mian-color;
+		}
+		.group{
+			margin-top: $margin;
+			border-radius: $radius-m;
+			box-shadow: 0 0 4rpx 4rpx rgba($color: $text-color, $alpha: .02);
+			background-color: white;
+			.inputs{
+				padding: $padding $padding + 10;
+				border-bottom: solid 1rpx $border-color;
+				&:last-child{
+					border-bottom: none;
+				}
+				label{
+					color: $text-gray;
+					font-size: $title-size-m;
+				}
+				input{
+					height: 70rpx;
+					line-height: 70rpx;
+					font-size: $title-size;
+				}
+			}
+		}
+	}
+	// 按钮
+	.buttons{
+		padding: $padding * 2;
+		.text{
+			text-align: center;
+			line-height: 90rpx;
+			height: 90rpx;
+			margin-bottom: $margin * 2;
+			font-size: $title-size-lg;
+			color: $mian-color;
+			font-weight: bold;
+		}
+		button{
+			height: 90rpx;
+			line-height: 90rpx;
+			background-color: $mian-color;
+			border-radius: $radius-lg;
+			color: white;
+			font-weight: bold;
+			font-size: $title-size;
+		}
+	}
+</style>
diff --git a/pages/wallet/index.vue b/pages/wallet/index.vue
new file mode 100644
index 0000000..32c5b7e
--- /dev/null
+++ b/pages/wallet/index.vue
@@ -0,0 +1,144 @@
+<template>
+	<view class="animate__animated animate__fadeInRight">
+		<!-- 数字资产 -->
+		<view class="property">
+			<view class="title">总资产(元)</view>
+			<view class="number">0.00</view>
+		</view>
+		<!-- 资产列表 -->
+		<view class="lists">
+			<view class="lists-header">
+				资产列表
+				<uni-icons type="plus" size="24" color="#009b69"></uni-icons>
+			</view>
+			<view class="item" v-for="(item, index) in 2" :key="index" @click="propertyInfo(item)">
+				<view class="cost">
+					<image class="logo" src="" mode="" />
+					<view class="title ellipsis">OC COIN</view>
+					<view class="text ellipsis">≈￥0.21</view>
+				</view>
+				<view class="balance">
+					<view class="title ellipsis">120,330.00</view>
+					<view class="text ellipsis">￥25269.3000</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			};
+		},
+		methods:{
+			propertyInfo(e){
+				console.log(e)
+				uni.navigateTo({
+					url: './property'
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	
+</style>
+
+<style lang="scss" scoped>
+	// 数字资产
+	.property{
+		overflow: hidden;
+		position: relative;
+		margin-top: $margin;
+		margin-left: $margin + ($margin / 2);
+		background-color: $mian-color;
+		border-radius: $radius 0 0 $radius;
+		padding: ($padding * 3) ($padding * 3) ($padding * 3) ($padding * 2);
+		color: white;
+		font-weight: bold;
+		&::before,&::after{
+			background-color: rgba($color: $red-color, $alpha: .03);
+			border-radius: 50%;
+			content: " ";
+			position: absolute;
+		}
+		&::before{
+			top: -300rpx;
+			left: 40%;
+			height: 400rpx;
+			width: 400rpx;
+		}
+		&::after{
+			bottom: -200rpx;
+			left: -100rpx;
+			height: 300rpx;
+			width: 300rpx;
+		}
+		.title{
+			font-size: $title-size;
+		}
+		.number{
+			font-size: $title-size + 18;
+		}
+	}
+	// 资产列表
+	.lists{
+		padding: $margin + ($margin / 2);
+		.lists-header{
+			display: flex;
+			font-size: $title-size + 2;
+			color: $text-color;
+			font-weight: bold;
+			padding: $padding 0 ($padding/2) 0;
+			justify-content: space-between;
+			justify-items: center;
+			align-items: center;
+		}
+		.item{
+			background-color: white;
+			border-radius: $radius;
+			box-shadow: 0 0 4rpx 4rpx rgba($color: #000000, $alpha: .02);
+			margin-top: $margin;
+			padding: $padding * 2;
+			display: flex;
+			&:first-child{
+				margin-top: 0;
+			}
+			.cost{
+				position: relative;
+				margin-right: $margin;
+				padding-left: 108rpx;
+				width: 50%;
+				box-sizing: border-box;
+				.logo{
+					position: absolute;
+					left: 0;
+					top: 0;
+					width: 88rpx;
+					height: 88rpx;
+					border-radius: 50%;
+					background-color: $border-color;
+					margin-right: $margin;
+				}
+			}
+			.balance{
+				padding-left: $padding;
+				width: 50%;
+				text-align: right;
+				box-sizing: border-box;
+			}
+			.title{
+				font-weight: bold;
+				font-size: $title-size;
+			}
+			.text{
+				font-size: $title-size-m;
+				color: $text-gray;
+			}
+		}
+	}
+</style>
diff --git a/pages/wallet/mnemonic.vue b/pages/wallet/mnemonic.vue
new file mode 100644
index 0000000..41e18a9
--- /dev/null
+++ b/pages/wallet/mnemonic.vue
@@ -0,0 +1,108 @@
+<template>
+	<view>
+		<!-- 提示信息 -->
+		<view class="prompt">
+			请按照顺序记录并确保正确备份助记词
+		</view>
+		<!-- 助记词 -->
+		<ul class="mnemonic">
+			<li v-for="(item, index) in mnemonic" :key="index">{{item}}</li>
+		</ul>
+		<!-- 按钮 -->
+		<view class="buttons">
+			<view class="text">注：助记词是用户账户的唯一标识，不能分享给他人，掌握该助记词即可控制该账户与钱包</view>
+			<button type="default" @click="goto('/pages/wallet/validation')">验证助记词</button>
+		</view>
+		<!-- <view class="skip">暂时不验证？<navigator url="/pages/index/index" open-type="switchTab">点此跳过</navigator></view> -->
+	</view>
+</template>
+
+<script>
+	import { seed } from "../../apis/interfaces/wallet"
+	export default {
+		data() {
+			return {
+				mnemonic: [], // 助记词
+				sign	: ''  // 校验签名
+			}
+		},
+		onLoad() {
+			seed().then(res => {
+				this.mnemonic = res.seed.split(' ')
+				this.sign	  = res.sign
+			}).catch(err => {
+				uni.showToast({
+					icon: 'none',
+					title: err.message
+				})
+			})
+		},
+		methods: {
+			goto(url){
+				uni.redirectTo({
+					url: url + '?seed=' + this.mnemonic + '&sign=' + this.sign
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	// 提示信息
+	.prompt{
+		color: $text-gray;
+		text-align: center;
+		line-height: 90rpx;
+		font-size: $title-size-m;
+	}
+	// 跳过
+	.skip{
+		padding: $padding * 2;
+		text-align: center;
+		color: $text-gray;
+		navigator{
+			color: $mian-color;
+			margin-left: $margin/2;
+			display: inline-block;
+		}
+	}
+	// 助记词
+	.mnemonic{
+		margin: $margin $margin * 2;
+		border-radius: $radius-m;
+		box-shadow: 0 0 4rpx 4rpx rgba($color: $text-color, $alpha: .02);
+		background-color: white;
+		padding: $padding;
+		list-style: none;
+		display: flex;
+		flex-wrap: wrap;
+		li{
+			text-align: center;
+			height: 58rpx;
+			line-height: 58rpx;
+			width: 58rpx;
+			margin: $margin / 2;
+			color: $text-color;
+			background: rgba($color: $border-color, $alpha: .4);
+		}
+	}
+	// 按钮
+	.buttons{
+		padding: $padding $padding * 2;
+		.text{
+			text-align: center;
+			margin-bottom: $margin * 2;
+			font-size: $title-size-lg;
+			color: $red-color;
+		}
+		button{
+			height: 90rpx;
+			line-height: 90rpx;
+			background-color: $mian-color;
+			border-radius: $radius-lg;
+			color: white;
+			font-weight: bold;
+			font-size: $title-size;
+		}
+	}
+</style>
diff --git a/pages/wallet/privatekey.vue b/pages/wallet/privatekey.vue
new file mode 100644
index 0000000..0cd040c
--- /dev/null
+++ b/pages/wallet/privatekey.vue
@@ -0,0 +1,108 @@
+<template>
+	<view>
+		<!-- 私钥 -->
+		<view class="keys">
+			<view class="title">您已接收OC Chain托管</view>
+			<view class="key">{{key || '-'}}</view>
+			<view class="copykey" @click="copykey">复制我的私钥</view>
+		</view>
+		<!-- 疑问 -->
+		<view class="doubt" v-if="rules.length > 0">
+			<view class="doubt-item" v-for="(item, index) in rules" :key="index">
+				<view class="title">{{item.title || '-'}}</view>
+				<view class="content">{{item.description || '-'}}</view>
+			</view>
+		</view>
+		<!-- 免责说明 -->
+		<view class="liability">
+			<navigator url="/pages/wallet/cmsWithDraw">免责条款</navigator>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { privatekey, keyrules } from '@/apis/interfaces/wallet'
+	export default {
+		data() {
+			return {
+				key: "",
+				rules: []
+			};
+		},
+		mounted() {
+			Promise.all([privatekey(this.$Route.query.password), keyrules()]).then(res => {
+				let privatekey = res[0],
+					keyrules   = res[1]
+				this.key = privatekey.private_key
+				this.rules = keyrules
+			})
+		},
+		methods:{
+			copykey(){
+				uni.setClipboardData({
+					data: this.key
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.keys{
+		margin: $margin * 2;
+		background: white;
+		padding: $padding * 2;
+		box-shadow: 0 0 4rpx 4rpx rgba($color: #000000, $alpha: .02);
+		border-radius: $radius;
+		.title{
+			text-align: center;
+			font-weight: bold;
+			font-size: $title-size + 4;
+			color: $text-color;
+		}
+		.key{
+			padding: $padding * 2 0;
+			text-align: center;
+			color: $mian-color;
+			word-wrap: break-word;
+		}
+		.copykey{
+			background-color: $mian-color;
+			color: white;
+			height: 95rpx;
+			line-height: 95rpx;
+			text-align: center;
+			font-size: $title-size;
+			border-radius: $radius-m;
+			font-weight: bold;
+		}
+	}
+	.doubt{
+		margin: $margin $margin * 2;
+		.doubt-item{
+			padding: $padding 0;
+			.title{
+				font-weight: bold;
+				color: $text-color;
+				line-height: 50rpx;
+				font-size: $title-size + 2;
+			}
+			.content{
+				color: $text-gray-lg;
+				font-size: $title-size-m;
+				line-height: 40rpx;
+			}
+		}
+	}
+	.liability{
+		text-align: center;
+		color: $text-gray;
+		@extend .ios-bottom;
+		navigator{
+			font-size: $title-size-sm;
+			display: inline-block;
+			line-height: 90rpx;
+			padding: 0 ($padding * 2);
+		}
+	}
+</style>
diff --git a/pages/wallet/property.vue b/pages/wallet/property.vue
new file mode 100644
index 0000000..5583158
--- /dev/null
+++ b/pages/wallet/property.vue
@@ -0,0 +1,343 @@
+<template>
+	<view class="propertyIndex">
+		<view class="propery">
+			<view class="propery-content">
+				<view class="currency">能量球 (≈ {{ price || '0' }} CNY)</view>
+				<view class="balance">{{ balance.balance || '0' }}</view>
+				<view class="frozen">{{ balance.frozen || '0' }} 冻结中</view>
+				<view class="balance-flex">
+					<view class="balance-flex-item" @click="showAddress">区块链地址</view>
+					<view class="balance-flex-item" @click="showPrivatekey('privatekey')">我的私钥</view>
+				</view>
+			</view>
+		</view>
+		<!-- 账户记录 -->
+		<view class="record">
+			<view class="record-tabs">
+				<view class="tabs-item" :class="logsType === 0 ? 'show': ''" @click="onLogsType(0)">全部</view>
+				<view class="tabs-item" :class="logsType === 2 ? 'show': ''" @click="onLogsType(2)">收入</view>
+				<view class="tabs-item" :class="logsType === 1 ? 'show': ''" @click="onLogsType(1)">支出</view>
+			</view>
+			<record :list="logs" :logsType="logsType" />
+			<!-- ios安全距离 -->
+			<view class="ios-bottom"></view>
+		</view>
+		<!-- 支付密码 -->
+		<uni-popup ref="showPassword">
+			<view class="validationPassword">
+				<view class="from">
+					<view class="title">验证密码</view>
+					<input class="input" v-model="password" password placeholder="请验证安全密码"/>
+				</view>
+				<view class="buttons">
+					<view class="button cancel" @click="payPassword('cancel', passwordPages)">取消</view>
+					<view class="button confirm" @click="payPassword('confirm', passwordPages)">验证</view>
+				</view>
+			</view>
+		</uni-popup>
+		<!-- 原密码弹窗 -->
+		<!-- <number-jpan :length="6" @closeChange="closeChange($event)" ref="numberPad"></number-jpan> -->
+	</view>
+</template>
+
+<script>
+	import record from '@/components/property/record'
+	import {
+		sum,
+		price,
+		logs,
+		code,
+		securityCheck // 输入旧密码是否正确
+	} from '@/apis/interfaces/wallet'
+	import numberJpan from "@/components/numberJpan/numberJpan.vue";
+	export default {
+		components: {
+			record
+		},
+		data() {
+			return {
+				balance: {},
+				price: '0.00',
+				logs: [],
+				logsType: 0,
+				password: '',
+				passwordPages: ''
+			};
+		},
+		onShow() {
+			Promise.all([
+				sum(),
+				price(),
+				logs()
+			]).then(res => {
+				this.balance = res[0]
+				this.price = res[1]
+				this.logs = res[2]
+			}).catch(err => {
+				uni.showToast({
+					icon: 'none',
+					title: err.message
+				})
+			})
+		},
+		methods: {
+			// 弹出私钥
+			showPrivatekey(pages){
+				this.passwordPages = pages
+				this.$refs.showPassword.open('center')
+			},
+			// 验证私钥
+			payPassword(type){
+				if(type === 'confirm'){
+					if(this.password === '') {
+						uni.showToast({
+							title: '请输入安全密码',
+							icon : 'none'
+						})
+						return
+					}
+					securityCheck(this.password).then(res => {
+						this.$refs.showPassword.close()
+						switch (this.passwordPages){
+							case 'privatekey':
+								this.$Router.push({name:'Privatekey', params: {password: this.password}})
+								break;
+							case 'resetPassword':
+								this.$Router.push({name:'ResetPassword', params: {password: this.password}})
+								break;
+						}
+						this.password = ''
+					}).catch(err => {
+						uni.showToast({
+							title: err.message,
+							icon: 'none',
+						})
+					})
+					return
+				}
+				this.$refs.showPassword.close()
+			},
+			// 交易记录
+			onLogsType(index) {
+				if (this.logsType === index) return
+				this.logsType = index
+				this.logs = []
+				logs({
+					flag: this.logsType
+				}).then(res => {
+					this.logs = res
+				})
+			},
+			// 区块地址
+			showAddress() {
+				uni.showModal({
+					title: '我的区块链地址',
+					content: '\n地址可以理解为银行卡卡号，与他人转账时是区块链上的两个地址间的交易行为\n\n' + this.balance.address,
+					cancelText: '复制',
+					cancelColor: '#b11eff',
+					success: (res) => {
+						if (res.cancel) {
+							uni.setClipboardData({
+								data: this.balance.address
+							})
+						}
+					}
+				})
+			}
+		},
+		onNavigationBarButtonTap(e) {
+			if (e.index === 0) {
+				uni.showActionSheet({
+					// itemList: ['转账', '收款', '提币', '修改密码'],
+					itemList: ['提现', '修改密码'],
+					success: (res) => {
+						switch (res.tapIndex) {
+							case 0:
+								console.log('提现了，')
+								this.$Router.push({
+									name: 'Extract'
+								})
+								break;
+							case 1:
+								this.showPrivatekey('resetPassword')
+								break;
+						}
+						uni.hideLoading()
+					}
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.propertyIndex{
+		width: 100%;
+		min-height: 100vh;
+		background-color: #FFFFFF;
+	}
+	// 验证密码弹出层
+	.validationPassword{
+		background-color: white;
+		border-radius: $radius-m;
+		width: 70vw;
+		.from{
+			padding: $padding*2;
+			.title{
+				text-align: center;
+				font-size: $title-size;
+				padding-bottom: $padding*2;
+				font-weight: bold;
+				color: $text-price;
+			}
+			.input{
+				text-align: center;
+				height: 90rpx;
+				font-size: $title-size;
+				border-radius: $radius-m;
+				background: $border-color-lg;
+				padding: 0 ($padding*2);
+			}
+		}
+		.buttons{
+			display: flex;
+			border-top: solid 1rpx $border-color;
+			.button{
+				width: 50%;
+				font-size: $title-size;
+				line-height: 90rpx;
+				height: 90rpx;
+				text-align: center;
+				box-sizing: border-box;
+				&.cancel{
+					border-right: solid 1rpx $border-color;
+					color: $text-gray;
+				}
+				&.confirm{
+					color: $text-price;
+				}
+			}
+		}
+		// .button{
+		// 	background-color: $text-price;
+		// 	color: white;
+		// 	border-radius: $radius-m;
+		// 	border: none;
+		// 	margin-top: $margin*2;
+		// 	font-size: $title-size;
+		// 	height: 90rpx;
+		// 	line-height: 90rpx;
+		// }
+		// .close{
+		// 	@extend .button;
+		// 	text-align: center;
+		// 	color: $text-gray;
+		// 	margin-top: $margin;
+		// 	background-color: transparent;
+		// }
+	}
+	// 账户
+	.propery {
+		position: relative;
+		padding-top: var(--status-bar-height);
+		background-image: linear-gradient(to right, #7c52fc, #976dff);
+
+		&::before {
+			position: absolute;
+			left: 0;
+			top: 0;
+			width: 100%;
+			height: 100%;
+			content: " ";
+			background-image: url(@/static/background/wallet-back.png);
+			background-size: 100%;
+			background-repeat: no-repeat;
+		}
+
+		.propery-content {
+			position: relative;
+			z-index: 1;
+			padding: $padding *3 $padding *1.4;
+			text-align: center;
+
+			.currency {
+				font-size: $title-size-m;
+				color: rgba($color: white, $alpha: .8);
+			}
+
+			.balance {
+				font-size: $title-size * 2;
+				padding: ($padding / 2) 0;
+				color: white;
+			}
+
+			.frozen {
+				background: rgba($color: #000000, $alpha: .1);
+				color: rgba($color: white, $alpha: .7);
+				display: inline-block;
+				padding: 0 $padding;
+				font-size: $title-size-m;
+				height: 50rpx;
+				line-height: 50rpx;
+				border-radius: $radius-m;
+				border: solid 1rpx rgba($color: white, $alpha: .4)
+			}
+
+			.balance-flex {
+				display: flex;
+				justify-content: center;
+				margin-top: $margin * 3;
+
+				.balance-flex-item {
+					background-color: white;
+					width: 200rpx;
+					height: 75rpx;
+					line-height: 75rpx;
+					color: $text-price;
+					margin: 0 $margin;
+					border-radius: $radius-m;
+					font-size: $title-size;
+				}
+			}
+		}
+	}
+
+	// 记录
+	.record {
+		background-color: white;
+		border-radius: $radius $radius 0 0;
+		padding: $padding ($padding * 2);
+		margin-top: -$margin;
+		position: relative;
+		z-index: 2;
+
+		.record-tabs {
+			display: flex;
+			justify-content: space-around;
+			font-weight: bold;
+			font-size: $title-size;
+			color: $text-gray;
+			line-height: 70rpx;
+			margin-bottom: $margin;
+
+			.tabs-item {
+				position: relative;
+				padding: 0 $padding;
+
+				&.show {
+					color: $text-price;
+
+					&::before {
+						position: absolute;
+						bottom: 0;
+						left: $padding;
+						right: $padding;
+						height: 4rpx;
+						content: " ";
+						background-color: $text-price;
+					}
+				}
+			}
+		}
+	}
+</style>
diff --git a/pages/wallet/resetPassword.vue b/pages/wallet/resetPassword.vue
new file mode 100644
index 0000000..c054f91
--- /dev/null
+++ b/pages/wallet/resetPassword.vue
@@ -0,0 +1,150 @@
+<template>
+	<view>
+		<!-- 设置钱包密码 -->
+		<view class="password">
+			<view class="prompt">请设置6位数字密码。建议不要使用连续的数字。</view>
+			<view class="group">
+				<view class="inputs">
+					<label>密码</label>
+					<input type="digit" v-model="password" maxlength="6" password placeholder="请设置新密码" />
+				</view>
+				<view class="inputs">
+					<label>确认密码</label>
+					<input type="digit" v-model="verify" maxlength="6" password placeholder="请确认新密码" />
+				</view>
+			</view>
+		</view>
+		<!-- 按钮 -->
+		<view class="buttons">
+			<button type="default" form-type="submit" @click="createWallet">确认</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		securityReset
+	} from '@/apis/interfaces/wallet'
+	export default {
+		data() {
+			return {
+				password: '',
+				verify: '',
+				oldPassword: ''
+			}
+		},
+		onLoad() {
+			this.oldPassword = this.$Route.query.password
+		},
+		methods: {
+			// 激活钱包
+			createWallet() {
+				if (this.password === '' || this.verify === '') {
+					uni.showToast({
+						icon: 'none',
+						title: '请设置密码'
+					})
+					return
+				}
+				if (this.password !== this.verify) {
+					uni.showToast({
+						icon: 'none',
+						title: '两次输入密码不一致'
+					})
+					return
+				}
+				securityReset({
+					new_code: this.password,
+					old_code: this.oldPassword
+				}).then(res => {
+					uni.showModal({
+						title: '提示',
+						content: '密码已重置',
+						showCancel:false,
+						success: res=> {
+							uni.navigateBack()
+						}
+					})
+				}).catch(err => {
+					uni.showToast({
+						icon: 'none',
+						title: err.message
+					})
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	// 副标题
+	.sub-title {
+		color: $text-gray;
+		text-align: center;
+		margin: $margin * 2 $margin;
+		font-size: $title-size-m;
+	}
+
+	// 设置密码
+	.password {
+		padding: 0 $padding * 2;
+
+		.prompt {
+			margin-top: $margin * 2;
+			font-size: $title-size-m;
+			color: $mian-color;
+		}
+
+		.group {
+			margin-top: $margin;
+			border-radius: $radius-m;
+			box-shadow: 0 0 4rpx 4rpx rgba($color: $text-color, $alpha: .02);
+			background-color: white;
+
+			.inputs {
+				padding: $padding $padding + 10;
+				border-bottom: solid 1rpx $border-color;
+
+				&:last-child {
+					border-bottom: none;
+				}
+
+				label {
+					color: $text-gray;
+					font-size: $title-size-m;
+				}
+
+				input {
+					height: 70rpx;
+					line-height: 70rpx;
+					font-size: $title-size;
+				}
+			}
+		}
+	}
+
+	// 按钮
+	.buttons {
+		padding: $padding * 2;
+
+		.text {
+			text-align: center;
+			line-height: 90rpx;
+			height: 90rpx;
+			margin-bottom: $margin * 2;
+			font-size: $title-size-lg;
+			color: $mian-color;
+			font-weight: bold;
+		}
+
+		button {
+			height: 90rpx;
+			line-height: 90rpx;
+			background-color: $mian-color;
+			border-radius: $radius-lg;
+			color: white;
+			font-weight: bold;
+			font-size: $title-size;
+		}
+	}
+</style>
diff --git a/pages/wallet/results.vue b/pages/wallet/results.vue
new file mode 100644
index 0000000..2e2718c
--- /dev/null
+++ b/pages/wallet/results.vue
@@ -0,0 +1,77 @@
+<template>
+	<view>
+		<view class="webkit-box results">
+			<uni-icons type="checkbox-filled" size="88" color="#009b69"></uni-icons>
+			<view class="title">交易已提交</view>
+			<view class="sub-title">预计10秒内到账，可在交易记录中查询，以实际到账时间为准</view>
+			<view class="hash">
+				<view class="hash-title">交易哈希</view>
+				<view class="hash-text">{{hash}}</view>
+			</view>
+			<button class="results-button" type="default" @click="navBack">返回</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				hash: ''
+			};
+		},
+		onLoad(e){
+			this.hash = e.hash
+		},
+		methods:{
+			navBack(){
+				uni.navigateBack()
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.results{
+		height: 100vh;
+		box-sizing: border-box;
+		text-align: center;
+		padding-left: $padding * 3;
+		padding-right: $padding * 3;
+		padding-bottom: 20vh;
+		.title{
+			font-size: $title-size + 8;
+			color: $text-color;
+			font-weight: bold;
+			line-height: 80rpx;
+			padding: $padding 0;
+		}
+		.sub-title{
+			color: $text-gray;
+			line-height: 40rpx;
+		}
+		.hash{
+			background-color: white;
+			padding: $padding * 2;
+			border-radius: $radius-lg;
+			margin-top: $margin * 2;
+			font-size: $title-size;
+			color: $text-color;
+			.hash-title{
+				padding-bottom: $padding;
+			}
+			.hash-text{
+				word-break:break-all;
+			}
+		}
+		.results-button{
+			margin-top: $margin * 3;
+			height: 90rpx;
+			line-height: 90rpx;
+			background-color: $mian-color;
+			color: white;
+			font-size: $title-size;
+			font-weight: bold;
+		}
+	}
+</style>
diff --git a/pages/wallet/transfer.vue b/pages/wallet/transfer.vue
new file mode 100644
index 0000000..e66843c
--- /dev/null
+++ b/pages/wallet/transfer.vue
@@ -0,0 +1,216 @@
+<template>
+	<view>
+		<!-- 账户余额 -->
+		<view class="transfer-block">
+			<view class="unit">OCC</view>
+			<view class="transfer-flex">
+				<view class="item ellipsis">
+					<label>数量</label>{{balance.balance || '0.00'}}
+				</view>
+				<view class="item ellipsis">
+					<label>估值(CNY)</label>≈{{cny || '0.00'}}
+				</view>
+			</view>
+		</view>
+		<view class="sub-title">
+			<text>请认真确认地址及数量，地址错误无法找回</text>
+		</view>
+		<!-- 转账信息 -->
+		<view class="password">
+			<view class="group">
+				<view class="inputs input-scan">
+					<label>接收地址</label>
+					<input type="text" placeholder="请输入接收地址" v-model="address" />
+					<view class="input-scan-icon" @click="scanCode">
+						<uni-icons type="scan" size="22" color="#009b69"></uni-icons>
+					</view>
+				</view>
+				<view class="inputs">
+					<label>转账数量</label>
+					<input type="number" placeholder="请输入转账数量" v-model="number" />
+				</view>
+			</view>
+			<view class="group">
+				<view class="inputs">
+					<label>交易密码</label>
+					<input type="password" placeholder="请输入安全密码" v-model="password" />
+				</view>
+			</view>
+		</view>
+		<!-- 按钮 -->
+		<view class="buttons">
+			<button type="default" @click="submitTransfer">转账</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { sum, price, transfer } from '@/apis/interfaces/wallet'
+	export default {
+		data() {
+			return {
+				balance: {},
+				cny: '0.00',
+				address: '',
+				number: '',
+				password: ''
+			}
+		},
+		onLoad(e){
+			if(e.hashAddress) this.address = e.hashAddress
+		},
+		mounted() {
+			Promise.all([
+				sum(), 
+				price()
+			]).then(res => {
+				this.balance = res[0]
+				if (res[0].balance > 0) this.cny = (res[1] * res[0].balance).toFixed(2)
+			}).catch(err => {
+				uni.showToast({
+					icon: 'none',
+					title: err.message
+				})
+			})
+		},
+		methods: {
+			// 转账
+			submitTransfer(){
+				if(this.address === '' || this.number === '' || this.password === ''){
+					let messageText
+					if(this.address === '') messageText = '请输入接收地址'
+					else if(this.number === '') messageText = '请输入转账数量'
+					else if(this.password === '') messageText = '请输入安全密码'
+					uni.showToast({
+						icon: 'none',
+						title: messageText
+					})
+					return
+				}
+				// 提交转账信息
+				transfer({
+					to: this.address,
+					amount: this.number,
+					security_code: this.password
+				}).then(res => {
+					uni.redirectTo({
+						url: './results?hash=' + res.txHash + '&number=' + this.number
+					})
+				}).catch(err => {
+					uni.showToast({
+						icon: 'none',
+						title: err.message
+					})
+				})
+			},
+			// 扫码
+			scanCode(){
+				uni.scanCode({
+					scanType: ['qrCode'],
+					success: res=> {
+						this.address = res.result
+					}
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	// 账户余额
+	.transfer-block{
+		background-color: white;
+		margin: $margin * 2;
+		border-radius: $radius-m;
+		box-shadow: 0 0 4rpx 4rpx rgba($color: $text-color, $alpha: .02);
+		background-color: white;
+		padding: $padding $padding + 10;
+		.unit{
+			font-weight: bold;
+			font-size: $title-size + 10;
+			line-height: 90rpx;
+			color: $text-color;
+		}
+		.transfer-flex{
+			display: flex;
+			padding: $padding 0;
+			border-top: solid 1rpx $border-color;
+			.item{
+				width: 50%;
+				font-size: $title-size-m;
+				& > label{
+					color: $text-gray;
+					padding-right: $padding/2;
+				}
+			}
+		}
+	}
+	// 提示信息
+	.sub-title{
+		color: $text-gray;
+		text-align: center;
+		margin: $margin * 2 $margin;
+		font-size: $title-size-m;
+	}
+	// 转账信息
+	.password{
+		padding: 0 $padding * 2;
+		.group{
+			margin-top: $margin;
+			border-radius: $radius-m;
+			box-shadow: 0 0 4rpx 4rpx rgba($color: $text-color, $alpha: .02);
+			background-color: white;
+			.inputs{
+				padding: $padding $padding + 10;
+				border-bottom: solid 1rpx $border-color;
+				&:last-child{
+					border-bottom: none;
+				}
+				label{
+					color: $text-gray;
+					font-size: $title-size-m;
+				}
+				input{
+					height: 70rpx;
+					line-height: 70rpx;
+					font-size: $title-size;
+				}
+			}
+			.input-scan{
+				position: relative;
+				padding-right: ($padding*2) + 70;
+				.input-scan-icon{
+					position: absolute;
+					bottom: $padding;
+					right: $padding;
+					height: 70rpx;
+					width: 70rpx;
+					line-height: 70rpx;
+					text-align: center;
+				}
+			}
+		}
+	}
+	// 按钮
+	.buttons{
+		padding: $padding * 2;
+		.text{
+			text-align: center;
+			line-height: 90rpx;
+			height: 90rpx;
+			margin-bottom: $margin * 2;
+			font-size: $title-size-lg;
+			color: $mian-color;
+			font-weight: bold;
+		}
+		button{
+			height: 90rpx;
+			line-height: 90rpx;
+			background-color: $mian-color;
+			border-radius: $radius-lg;
+			color: white;
+			font-weight: bold;
+			font-size: $title-size;
+		}
+	}
+</style>
diff --git a/pages/wallet/validation.vue b/pages/wallet/validation.vue
new file mode 100644
index 0000000..e28cb42
--- /dev/null
+++ b/pages/wallet/validation.vue
@@ -0,0 +1,169 @@
+<template>
+	<view>
+		<!-- 提示信息 -->
+		<view class="prompt">
+			验证您的钱包助记词
+		</view>
+		<!-- 助记词 -->
+		<view class="mnemonic">
+			<view
+				class="item"
+				v-for="(item, index) in validation"
+				:key="index"
+				:class="item === null ? 'hide': ''"
+				@click="onKeys('removeKey', index)"
+			>{{ item }}</view>
+		</view>
+		<!-- 选择助记词 -->
+		<block v-if="mnemonic.length > 0">
+			<view class="mnemonic-title">
+				按顺序填写助记词
+			</view>
+			<view class="mnemonic-select">
+				<view class="item" v-for="(item, index) in mnemonic" :key="index" @click="onKeys('addKey', index)">{{ item }}</view>
+			</view>
+		</block>
+		<!-- 按钮 -->
+		<view class="buttons">
+			<button type="default" @click="verifyMnemonic">验证</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { hash } from "../../apis/interfaces/wallet"
+	export default {
+		data() {
+			return {
+				validation	: new Array(15).fill(null), // 验证key
+				mnemonic	: [], // 助记词key
+				sign		: '', // 助记词校验签名
+				seedString	: '', // 助记词原词
+			}
+		},
+		onLoad(e) {
+			let seed = e.seed.split(',')
+			seed.sort(() => {
+				return Math.random() - .5
+			});
+			this.mnemonic = seed
+			this.sign = e.sign
+			this.seedString = e.seed
+		},
+		methods: {
+			// 填写助记词
+			onKeys(type, index){
+				if(type === 'addKey') {
+					this.$set(this.validation, this.validation.findIndex(val => val === null), this.mnemonic[index])
+					this.$delete(this.mnemonic, index)
+					return
+				}
+				if(type === 'removeKey' && this.validation[index] !== null) {
+					this.mnemonic.push(this.validation[index])
+					this.$delete(this.validation, index)
+					this.validation.push(null)
+				}
+			},
+			// 验证助记词
+			verifyMnemonic(){
+				if(this.validation.findIndex(val => val === null) > -1){
+					uni.showToast({
+						title: '请完整填写助记词',
+						icon : 'none'
+					})
+					return
+				}
+				let seed = this.validation.toString().replace(/,/g, ',')
+				if (this.seedString !== seed) {
+					uni.showToast({
+						title: '验证失败，请确认您的助记词',
+						icon : 'none'
+					})
+					return
+				}
+				uni.redirectTo({
+					url: './create'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	// 提示信息
+	.prompt{
+		color: $text-gray;
+		text-align: center;
+		line-height: 90rpx;
+		font-size: $title-size-m;
+	}
+	// 选择助记词
+	.mnemonic-title{
+		padding-top: $padding * 2;
+		margin: 0 $margin * 2;
+		font-size: $title-size-m;
+		color: $mian-color;
+	}
+	.mnemonic-select{
+		display: flex;
+		flex-wrap: wrap;
+		padding: $padding $padding + $padding / 2;
+		.item{
+			background-color: white;
+			line-height: 68rpx;
+			height: 68rpx;
+			width: 68rpx;
+			text-align: center;
+			margin: $margin / 2;
+			border-radius: $radius-m;
+			box-shadow: 0 0 4rpx 4rpx rgba($color: $text-color, $alpha: .02);
+		}
+	}
+	// 助记词
+	.mnemonic{
+		margin: $margin ($margin * 2);
+		border-radius: $radius-m;
+		box-shadow: 0 0 4rpx 4rpx rgba($color: $text-color, $alpha: .02);
+		background-color: white;
+		padding: $padding;
+		display: flex;
+		flex-wrap: wrap;
+		align-items: flex-start;
+		.item{
+			background: rgba($color: $border-color, $alpha: .4);
+			width: 58rpx;
+			height: 58rpx;
+			line-height: 58rpx;
+			text-align: center;
+			color: $text-color;
+			margin: $margin / 2;
+			&.hide{
+				border:dashed 1px $border-color;
+				box-sizing: border-box;
+				background-color: white;
+			}
+		}
+	}
+	// 按钮
+	.buttons{
+		padding: $padding $padding * 2;
+		.text{
+			text-align: center;
+			margin-bottom: $margin * 2;
+			font-size: $title-size-lg;
+			color: $red-color;
+		}
+		button{
+			height: 90rpx;
+			line-height: 90rpx;
+			background-color: $mian-color;
+			border-radius: $radius-lg;
+			color: white;
+			font-weight: bold;
+			font-size: $title-size;
+			&[disabled]{
+				background: rgba($color: $mian-color, $alpha: .8);
+			}
+		}
+	}
+</style>
diff --git a/static/icons/logs-null.png b/static/icons/logs-null.png
new file mode 100644
index 0000000000000000000000000000000000000000..eda2c1063decf97b7f95f041913ecbc2200967b5
GIT binary patch
literal 5610
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
XHs@i6k(vZ}h6~tQI$&zdeXjl=N_I;^

literal 0
HcmV?d00001

diff --git a/static/imgs/cart_empty.png b/static/imgs/cart_empty.png
new file mode 100644
index 0000000000000000000000000000000000000000..64d64c852d8a6cada814c5db604837794ef2c33a
GIT binary patch
literal 3602
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
YA0d1Md;%^~#sB~S07*qoM6N<$g5%Zz#sB~S

literal 0
HcmV?d00001