Merge branch 'master' of http://git.qiniu1314.com/cmy/yzf

pages/index/index - 副本.vue

@@ -0,0 +1,359 @@
+<template>
+	<view class="container">
+		<view class="top flex">
+			<view class="icon1 flex">
+				<image src="/static/image/img01.png" style="width: 139rpx;" mode="widthFix"></image>
+				<view class="myName">我的</view>
+			</view>
+			<view class="flex">
+				<image src="/static/image/img03.png" style="width: 39rpx;margin-right: 38rpx;" mode="widthFix"></image>
+				<image src="/static/image/img02.png" style="width: 39rpx;" mode="widthFix"></image>
+			</view>
+		</view>
+		<view class="swiper-box">
+			<u-swiper :list="swiperList" indicator indicatorMode="line" height="280rpx" circular></u-swiper>
+		</view>
+		<view class="flex noteBox">
+			<view class="flex_item noteTpl">
+				<image src="/static/image/img04.png" style="width: 42rpx;" mode="widthFix"></image>
+				<view class="clamp textTpl">上线活动的公告等等公告内容上线活动的公告等等公告内容等上线活动的公告等等公告内容等</view>
+			</view>
+			<view class="tip"></view>
+		</view>
+		<view class="flex navList">
+			<view class="navTpl" @click="openurl('/pages/index/recharge')">
+				<image src="/static/image/img06.png" style="width: 123rpx;" mode="widthFix"></image>
+				<view class="navName">充值</view>
+			</view>
+			<view class="navTpl" @click="openurl('/pages/index/personal')">
+				<image src="/static/image/img07.png" style="width: 123rpx;" mode="widthFix"></image>
+				<view class="navName">实名认证</view>
+			</view>
+			<view class="navTpl" @click="openurl('/pages/index/transaction')">
+				<image src="/static/image/img08.png" style="width: 123rpx;" mode="widthFix"></image>
+				<view class="navName">交易密码</view>
+			</view>
+			<view class="navTpl" @click="openurl('/pages/index/information')">
+				<image src="/static/image/img09.png" style="width: 123rpx;" mode="widthFix"></image>
+				<view class="navName">收款信息</view>
+			</view>
+			<view class="navTpl" @click="openurl('/pages/index/service')">
+				<image src="/static/image/img10.png" style="width: 123rpx;" mode="widthFix"></image>
+				<view class="navName">联系客服</view>
+			</view>
+		</view>
+		<view class="starBox flex">
+			<view class="starTpl flex_item">
+				<image src="/static/image/img12.png" style="width: 75rpx;" mode="widthFix"></image>
+				<view class="starText">
+					<view class="name">okx(欧易)</view>
+					<view class="num">7.21</view>
+				</view>
+			</view>
+			<view class="starTpl flex_item">
+				<image src="/static/image/img13.png" style="width: 75rpx;" mode="widthFix"></image>
+				<view class="starText">
+					<view class="name">STAR(星空）</view>
+					<view class="num">7.21</view>
+				</view>
+			</view>
+		</view>
+		<image src="/static/image/img11.png" style="width: 692rpx;padding-top: 31rpx;" mode="widthFix"></image>
+		<view class="titleBox">
+			<view class="titleTip">累计成交量</view>
+		</view>
+		<view class="flex totalBox">
+			<view class="totalTpl">
+				<view class="totalNum">10,910,000<text>USDT</text></view>
+				<view class="totalName">累计买入</view>
+			</view>
+			<view class="totalTpl">
+				<view class="totalNum">10,910,000<text>USDT</text></view>
+				<view class="totalName">累计卖出</view>
+			</view>
+		</view>
+		<view class="titleBox">
+			<view class="titleTip">平台优势</view>
+		</view>
+		<view class="advantageBox flex">
+			<view class="advantageTpl">
+				<image src="/static/image/img16.png" style="width:149rpx;" mode="widthFix"></image>
+				<view class="advantageName">简单</view>
+			</view>
+			<view class="advantageTpl">
+				<image src="/static/image/img15.png" style="width:149rpx;" mode="widthFix"></image>
+				<view class="advantageName">安全</view>
+			</view>
+			<view class="advantageTpl">
+				<image src="/static/image/img14.png" style="width:149rpx;" mode="widthFix"></image>
+				<view class="advantageName">省心</view>
+			</view>
+			<view class="advantageTpl">
+				<image src="/static/image/img17.png" style="width:149rpx;" mode="widthFix"></image>
+				<view class="advantageName">极速</view>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+	import {
+		getIndex
+	} from '@/api/index.js';
+	import {
+		getGameList,
+	} from "@/api/game.js";
+	import {
+		mapState,
+		mapActions,
+		mapMutations
+	} from "vuex";
+	export default {
+		data() {
+			return {
+				gameList: [],
+				active_user: '0',
+				swiperList:['/static/image/img05.png']
+			}
+		},
+		computed: {
+			...mapState({
+				langList: "langList",
+				lang: "lang",
+			}),
+			...mapState('user', ['userInfo']),
+			label() {
+				const label = this.langList.find((item) => {
+					console.log(this.lang, item.value);
+					return item.value == this.lang
+				}).label;
+				return label
+			}
+		},
+		onLoad(option) {
+			// #ifndef MP
+			if (option.spread) {
+				// 存储其他邀请人
+				uni.setStorageSync('spread', option.spread);
+			}
+			// #endif
+			// #ifdef MP
+			if (option.scene) {
+				// 存储小程序邀请人
+				uni.setStorage({
+					key: 'spread_code',
+					data: option.scene
+				});
+			}
+			// #endif
+		},
+		onShow() {
+			this.getGameList();
+			this.loadData();
+		},
+		methods: {
+			...mapMutations('user', ['setUserInfo', 'login']),
+			...mapActions({
+				setLang: "setLang",
+			}),
+			openurl(url){
+				uni.navigateTo({
+					url: url,
+					fail: (err) => {
+						uni.showModal({
+							title: '错误',
+							content: err,
+							showCancel: false,
+						});
+					}
+				});
+			},
+			// 请求载入数据
+			async loadData() {
+				getIndex({})
+					.then(({
+						data
+					}) => {
+						this.active_user = data.active_user
+						console.log(data);
+					})
+					.catch(e => {});
+			},
+			selectLang(value) {
+				this.setLang(this.langList[value.detail.value].value);
+			},
+
+			getGameList() {
+				getGameList().then((res) => {
+					this.gameList = res.data.list;
+
+					if (this.gameList.length > 2) {
+						this.gameList = this.gameList.slice(0, 2)
+					}
+				})
+			},
+		},
+	}
+</script>
+
+<style lang="scss">
+	.container {
+		width: 100%;
+		background-color: #051137;
+		padding: 0rpx 30rpx;
+		padding-top: calc(60px + var(--status-bar-height));
+		padding-bottom: 50rpx;
+	}
+	.top {
+		font-weight: 500;
+		padding: 40rpx 30rpx 24rpx 30rpx;
+		line-height: 1;
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100%;
+		background: #051137;
+		z-index: 99;
+		.icon1 {
+			line-height: 0;
+			position: relative;
+			.myName{
+				position: absolute;
+				right: 22rpx;
+				font-weight: 500;
+				font-size: 24rpx;
+				color: #2884FF;
+			}
+		}
+	}
+	.noteBox{
+		padding: 46rpx 0rpx;
+		.noteTpl{
+			color: #fff;
+			width: 85%;
+			.textTpl{
+				width: calc(100% - 42rpx);
+				font-family: PingFang SC;
+				font-weight: 500;
+				font-size: 26rpx;
+				color: #FFFFFF;
+				padding-left: 30rpx;
+			}
+		}
+		.tip{
+			width: 12rpx;
+			height: 12rpx;
+			background: #F7453D;
+			border-radius: 100%;
+		}
+	}
+	.navList{
+		text-align: center;
+		padding:15rpx 0rpx;
+		.navTpl{
+			.navName{
+				padding-top: 23rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				font-size: 26rpx;
+				color: #FFFFFF;
+			}
+		}
+	}
+	.starBox{
+		padding-top: 43rpx;
+		.starTpl{
+			width: 48%;
+			background: #1F2A4A;
+			box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(50,50,52,0.06);
+			border-radius: 20rpx;
+			padding: 20rpx 18rpx;
+			.starText{
+				padding-left: 25rpx;
+				.name{
+					font-family: PingFang SC;
+					font-weight: 500;
+					font-size: 22rpx;
+					color: #FFFFFF;
+					line-height: 24rpx;
+				}
+				.num{
+					padding-top: 15rpx;
+					font-family: PingFang SC;
+					font-weight: bold;
+					font-size: 30rpx;
+					color: #FFA235;
+					line-height: 24rpx;
+				}
+			}
+		}
+	}
+	.titleBox{
+		text-align: center;
+		padding: 45rpx 0rpx;
+		.titleTip{
+			flex: 1;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			height: 100%;
+			position: relative;
+			font-weight: bold;
+			font-size: 42rpx;
+			color: #FFFFFF;
+			line-height: 110rpx;
+			&:after {
+				content: '';
+				position: absolute;
+				left: 50%;
+				bottom: 0;
+				transform: translateX(-50%);
+				width: 44px;
+				height: 0;
+				border-bottom: 3px solid #FFFFFF;
+				border-radius: 25rpx;
+			}
+		}
+	}
+	.totalBox{
+		padding-top: 30rpx;
+		.totalTpl{
+			width: 45%;
+			background: url('../../static/image/img18.png') no-repeat;
+			background-size: 100% 100%;
+			text-align: center;
+			padding: 45rpx 0rpx;
+			.totalNum{
+				font-family: FZCuHeiSongS-B-GB;
+				font-weight: 400;
+				font-size: 39rpx;
+				color: #66FFFF;
+				text{
+					font-family: PingFang SC;
+					font-weight: 500;
+					font-size: 22rpx;
+					color: #66FFFF;
+				}
+			}
+			.totalName{
+				padding-top: 20rpx;
+				font-family: Source Han Sans CN;
+				font-weight: bold;
+				font-size: 26rpx;
+				color: #FFFFFF;
+			}
+		}
+	}
+	.advantageBox{
+		padding-top: 50rpx;
+		.advantageTpl{
+			text-align: center;
+			.advantageName{
+				padding-top: 25rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				font-size: 28rpx;
+				color: #FFFFFF;
+			}
+		}
+	}
+</style>

pages/index/index.vue

@@ -25,19 +25,19 @@
 				<image src="/static/image/img06.png" style="width: 123rpx;" mode="widthFix"></image>
 				<view class="navName">充值</view>
 			</view>
-			<view class="navTpl" @click="openurl('')">
+			<view class="navTpl" @click="openurl('/pages/index/personal')">
 				<image src="/static/image/img07.png" style="width: 123rpx;" mode="widthFix"></image>
 				<view class="navName">实名认证</view>
 			</view>
-			<view class="navTpl" @click="openurl('')">
+			<view class="navTpl" @click="openurl('/pages/index/transaction')">
 				<image src="/static/image/img08.png" style="width: 123rpx;" mode="widthFix"></image>
 				<view class="navName">交易密码</view>
 			</view>
-			<view class="navTpl" @click="openurl('')">
+			<view class="navTpl" @click="openurl('/pages/index/information')">
 				<image src="/static/image/img09.png" style="width: 123rpx;" mode="widthFix"></image>
 				<view class="navName">收款信息</view>
 			</view>
-			<view class="navTpl" @click="openurl('')">
+			<view class="navTpl" @click="openKf">
 				<image src="/static/image/img10.png" style="width: 123rpx;" mode="widthFix"></image>
 				<view class="navName">联系客服</view>
 			</view>
@@ -93,6 +93,38 @@
 				<view class="advantageName">极速</view>
 			</view>
 		</view>
+		<uni-popup
+			ref="popupkf"
+			type="center">
+			<view class="popup-box">
+				<view class="img">
+					<image
+						src="/static/image/img24.png"
+						mode=""></image>
+				</view>
+				<view class="mian">
+					<view class="delivery">
+						<view class="title">已经为您定制专属客服</view>
+						<image
+							src="/static/image/img25.png"
+							mode=""></image>
+					</view>
+					<view class="nocancel">客服VX:{{ kefu }}</view>
+					<view class="comfirm-box">
+						<view
+							class="cancel"
+							@click="cancel"
+							>取消</view
+						>
+						<view
+							class="comfirm"
+							@click="comfirm(kefu)"
+							>复制微信</view
+						>
+					</view>
+				</view>
+			</view>
+		</uni-popup>
 	</view>
 </template>
 <script>
@@ -112,7 +144,8 @@
 			return {
 				gameList: [],
 				active_user: '0',
-				swiperList:['/static/image/img05.png']
+				swiperList:['/static/image/img05.png'],
+				kefu:'ch125221',
 			}
 		},
 		computed: {
@@ -167,6 +200,14 @@
 					}
 				});
 			},
+			// 打开客服
+			openKf() {
+				this.$refs.popupkf.open();
+			},
+			// 关闭客服
+			cancel() {
+				this.$refs.popupkf.close();
+			},
 			// 请求载入数据
 			async loadData() {
 				getIndex({})
@@ -191,6 +232,55 @@
 					}
 				})
 			},
+			comfirm(text) {
+				console.log(text);
+				const result = this.uniCopy(text);
+				if (result === false) {
+					uni.showToast({
+						title: "不支持",
+					});
+				} else {
+					uni.showToast({
+						title: "复制成功",
+						icon: "none",
+					});
+				}
+				this.$refs.popupkf.close();
+			},
+			uniCopy(content) {
+				/**
+				 * 小程序端 和 app端的复制逻辑
+				 */
+				//#ifndef H5
+				uni.setClipboardData({
+					data: content,
+					success: function () {
+						console.log("success");
+						return true;
+					},
+				});
+				//#endif
+			
+				/**
+				 * H5端的复制逻辑
+				 */
+				// #ifdef H5
+				if (!document.queryCommandSupported("copy")) {
+					//为了兼容有些浏览器 queryCommandSupported 的判断
+					// 不支持
+					return false;
+				}
+				let textarea = document.createElement("textarea");
+				textarea.value = content;
+				textarea.readOnly = "readOnly";
+				document.body.appendChild(textarea);
+				textarea.select(); // 选择对象
+				textarea.setSelectionRange(0, content.length); //核心
+				let result = document.execCommand("copy"); // 执行浏览器复制命令
+				textarea.remove();
+				return result;
+				// #endif
+			},
 		},
 	}
 </script>
@@ -356,4 +446,98 @@
 			}
 		}
 	}
+	.popup-box {
+		width: 522rpx;
+		height: 605rpx;
+		background-color: #ffffff;
+		border-radius: 20rpx;
+		position: relative;
+	
+		.img {
+			position: relative;
+			top: -56rpx;
+			left: 0;
+			width: 522rpx;
+			height: 132rpx;
+			display: flex;
+			justify-content: center;
+	
+			image {
+				border-radius: 20rpx 20rpx 0 0;
+				width: 450rpx;
+				height: 132rpx;
+			}
+		}
+	
+		.mian {
+			margin-top: -44rpx;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			// padding: 32rpx 32rpx;
+			background-color: #ffffff;
+			border-radius: 0 0 20rpx 20rpx;
+			text-align: center;
+	
+			.delivery {
+				font-size: 40rpx;
+				color: #333333;
+				display: flex;
+				align-items: center;
+				flex-direction: column;
+	
+				.title {
+				}
+	
+				image {
+					margin-top: 48rpx;
+					width: 172rpx;
+					height: 160rpx;
+				}
+			}
+	
+			.nocancel {
+				font-size: 32rpx;
+				color: #333333;
+				margin-top: 14rpx;
+			}
+	
+			.comfirm-box {
+				margin-top: 52rpx;
+				display: flex;
+				// margin-bottom: 32rpx;
+	
+				// justify-content: space-around;
+				.cancel {
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					width: 197rpx;
+					height: 74rpx;
+					border: 1px solid #dcc786;
+					border-radius: 38rpx;
+	
+					font-size: 32rpx;
+					color: #605128;
+				}
+	
+				.comfirm {
+					margin-left: 32rpx;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					width: 197rpx;
+					height: 74rpx;
+					background: linear-gradient(
+						-90deg,
+						#d1ba77 0%,
+						#f7e8ad 100%
+					);
+					border-radius: 38px;
+					font-size: 32rpx;
+					color: #605128;
+				}
+			}
+		}
+	}
 </style>

pages/index/information.vue

@@ -1,8 +1,278 @@
 <template>
+	<view class="container">
+		<view class="recharge">
+			<!-- <view class="example-title flex_item">
+				<view class="titleTip"></view>
+				<view class="">充值地址</view>
+			</view> -->
+			<view class="infoBox">
+				<view class="tplName">链名称</view>
+				<view class="tplNum">USDT-TRC20</view>
+				<view class="tplAddr">收款地址<text>ca87ca68ca68c6a986c98a678c7a8</text></view>
+			</view>
+			<view class="code"><image :src="er_code"></image></view>
+			<view class="flex btnBox">
+				<view class="btn">保存相册</view>
+				<view class="btn">复制地址</view>
+			</view>
+		</view>
+		<!-- <view class="login_text">
+			<view class="login_input flex" style="padding-top: 45rpx;">
+				<view class="login_img">金额</view>
+				<view class="login_name"><input class="uni-input" type="text" v-model="money" placeholder="请输入充值金额" /></view>
+			</view>
+			<view class="login_input flex">
+				<view class="login_img"><text>打款凭证</text></view>
+				<view class="login_name" @click="scImg"><image :src="img"></image></view>
+			</view>
+			<view class="login_input flex" style="padding-top: 45rpx;border-bottom: none;">
+				<view class="login_img">备注</view>
+				<view class="login_name"><input class="uni-input" type="text" v-model="remark" placeholder="例如：备注用户账号" /></view>
+			</view>
+			<view class="submission"><button class="golden" type="golden" hover-class="none" @click="submission">确认提交</button></view>
+		</view> -->
+		<view class="login_text">
+			<view class="tip">
+				<view>
+					<text>
+						该地址仅支持 USDT-TRC20 收款请勿用于其他币种，否则资产将不可找回</br>
+						从易趣付之外地址转入的资金，需要在完成交易的120分钟后，才能将资产转账给易币付其他用户或提到钱包以外的地址 最小收款金额: 0.0001USDT小于最小金额的收款将不会上账且无法退回1次网络确认后可到账，1次网络确认后可转账。您的充值地址不会经常改变，可截图保存并重复充值。
+					</text>
+				</view>
+			</view>
+		</view>
+	</view>
 </template>
-
-<script>
+<script type="text/javascript">
+import uniList from '@/components/uni-list/uni-list.vue';
+import uniListItem from '@/components/uni-list-item/uni-list-item.vue';
+// import { show_cb,do_cb } from '@/api/recharge.js';
+// import { upload } from '@/api/real.js';
+export default {
+	components: {
+		uniList,
+		uniListItem
+	},
+	data() {
+		return {
+			uid: '',
+			list:'',
+			account: '',
+			money: '',
+			address:'',
+			er_code:'',
+			remark:'',
+			img: '/static/image/img19.png'
+		};
+	},
+	onLoad() {
+		this.uid = uni.getStorageSync('uid');
+		this.loadData();
+	},
+	methods: {
+		//获取数据
+		loadData() {
+		  // show_cb({})
+		  //   .then(data => {
+		  //     this.list = data.data;
+			 //  this.address = data.data.address;
+			 //  this.er_code = data.data.er_code;
+		  //   })
+		  //   .catch(err => {
+		  //     console.log(err);
+		  //   });
+		},
+		//确认提交
+		submission() {
+			let obj = this;
+			uni.showLoading({
+				title: '充币中...',
+				mask: true
+			});
+			//确认充值调接口，成功跳转页面
+			do_cb({
+				uid: obj.uid,
+				img: obj.img,
+				address: obj.address,
+				money: obj.money,
+				bz: obj.remark,
+			})
+				.then(function(e) {
+					uni.showToast({
+						title: '请耐心等待系统审核通过',
+						duration: 1500,
+						mask: false,
+						icon: 'none'
+					});
+					uni.hideLoading();
+				})
+				.catch(function(e) {
+					console.log(e);
+				});
+		},
+		//上传图片
+		scImg() {
+			upload({
+				file:''
+			}).then((e) => {
+				console.log(e,55)
+				this.img = e[0].url;
+			});
+		},
+	}
+};
 </script>
 
-<style>
-</style>
+<style lang="scss">
+/* page {
+	min-height: 100%;
+	background: linear-gradient(-28deg, rgba(44, 45, 53, 1), rgba(59, 62, 74, 1));
+} */
+.container{
+	padding: 30rpx 30rpx;
+}
+.body_content {
+	width: 100%;
+	height: 100%;
+}
+.login_text {
+	width: 100%;
+	color: #fff !important;
+	font-size: 28rpx !important;
+	background-color: #1F2A4A;
+	margin: 25rpx 0rpx;
+	padding: 0rpx 25rpx;
+	padding-bottom: 15rpx;
+	border-radius: 15rpx;
+}
+.recharge {
+	text-align: center;
+	color: #85858e;
+	font-size: 30rpx;
+	background-color: #1F2A4A;
+	border-radius: 15rpx;
+}
+.example-title{
+	text-align: left !important;
+	padding: 25rpx 25rpx;
+	border-bottom: 2rpx solid #2F364E;
+	color: #0C5AFA;
+	.titleTip{
+		width: 5rpx;
+		height: 30rpx;
+		background: linear-gradient(90deg, #0C5AFA, #1356FF);
+		border-radius: 3rpx;
+		margin-right: 15rpx;
+	}
+}
+.infoBox{
+	text-align: left;
+	padding: 28rpx 51rpx;
+	.tplName{
+		font-family: PingFang SC;
+		font-weight: bold;
+		font-size: 32rpx;
+		color: #FFFFFF;
+		padding-top: 15rpx;
+	}
+	.tplNum{
+		margin: 30rpx 0rpx;
+		padding: 15rpx 30rpx;
+		border-radius: 10rpx;
+		border: 1px solid #1356FF;
+		font-family: PingFang SC;
+		font-size: 26rpx;
+		color: #1356FF;
+		display: inline-block;
+	}
+	.tplAddr{
+		color: #fff;
+		font-size: 32rpx;
+		text{
+			padding-left: 15rpx;
+			font-size: 26rpx;
+			color: #FFFFFF;
+		}
+	}
+}
+.login_input {
+	border-bottom: 1px solid #464755;
+	padding: 35rpx;
+}
+.uni-input {
+	width: 100%;
+	text-align: left !important;
+}
+.code {
+	width: 277rpx;
+	height: 277rpx;
+	margin: 25rpx auto;
+	margin-bottom: 35rpx;
+	background: #0C5AFA;
+}
+.code image {
+	width: 100%;
+	height: 100%;
+}
+.btnBox{
+	justify-content: center;
+	padding-bottom: 50rpx;
+	padding-top: 30rpx;
+	.btn{
+		margin-right: 50rpx;
+		font-family: PingFang SC;
+		font-weight: bold;
+		font-size: 26rpx;
+		color: #0C5AFA;
+		border: 1rpx solid #0C5AFA;
+		padding: 15rpx 45rpx;
+		border-radius: 15rpx;
+	}
+}
+.submission {
+	padding: 30rpx 25rpx;
+	.golden{
+		background: #0C5AFA;
+		color: #fff;
+	}
+}
+.login_name {
+	width: 480rpx;
+	color: #ffffff;
+}
+.login_name image {
+	width: 100rpx;
+	height: 100rpx;
+}
+.tip {
+	padding: 29rpx 31rpx;
+	line-height: 55rpx;
+	font-size: 24rpx;
+}
+.select_img {
+	width: 28rpx;
+	height: 32rpx;
+}
+.select_img image {
+	width: 100%;
+	height: 100%;
+}
+.scann {
+	margin-bottom: 35rpx;
+	margin-top: 15rpx;
+}
+.scanning {
+	background-color: #6f6f78;
+	color: #ffffff;
+	padding: 10rpx 30rpx;
+	border-radius: 15rpx;
+	font-size: 28rpx;
+}
+.address_code {
+	padding: 25rpx 0rpx;
+	color: #ffffff;
+}
+.input-placeholder{
+	color: #fff !important;
+}
+</style>

pages/index/order.vue

@@ -0,0 +1,214 @@
+<template>
+	<view class="all">
+		<view class="navbar">
+			<view v-for="(item, index) in navList" :key="index" class="nav-item" :class="{ current: tabCurrentIndex === index }" @click="tabClick(index)">{{ item.text }}</view>
+		</view>
+		<swiper :current="tabCurrentIndex" class="swiper-box" duration="300" @change="changeTab">
+			<swiper-item class="tab-content" v-for="(tabItem, tabIndex) in navList" :key="tabIndex">
+				<scroll-view class="list-scroll-content" scroll-y @scrolltolower="loadData">
+					<!-- 空白页 -->
+					<empty v-if="tabItem.loaded === true && tabItem.orderList.length === 0"></empty>
+		
+					<!-- 订单列表 -->
+					<view @click="goToOrderDetail(item)" v-for="(item, index) in tabItem.orderList" :key="index" class="order-item">
+						<view class="i-top b-b">
+							<text class="time">{{ item._add_time }}</text>
+							<text class="state" :style="{ color: item.stateTipColor }">{{ item._status._title }}</text>
+							<text v-if="item.status === 4" class="del-btn iconfont icondelete" @click="deleteOrder(index)"></text>
+						</view>
+		
+						<scroll-view v-if="item.cartInfo.length > 1" class="goods-box" scroll-x>
+							<view v-for="(goodsItem, goodsIndex) in item.cartInfo" :key="goodsIndex" class="goods-item">
+								<image class="goods-img" :src="goodsItem.productInfo.image" mode="aspectFill"></image>
+							</view>
+						</scroll-view>
+						<!-- <view v-if="item.cartInfo.length === 1" class="goods-box-single" v-for="(goodsItem, goodsIndex) in item.cartInfo" :key="goodsIndex">
+							<image class="goods-img" :src="goodsItem.productInfo.image" mode="aspectFill"></image>
+							<view class="right">
+								<text class="title clamp">{{ goodsItem.productInfo.store_name }}</text>
+								<text class="attr-box">{{ goodsItem.attrInfo ? goodsItem.attrInfo.suk : '' }} x {{ goodsItem.cart_num }}</text>
+								<text class="price">{{ moneyNum(goodsItem.productInfo.price)}}</text>
+							</view>
+						</view> -->
+						<view class="goods-box-single" v-for="(goodsItem, goodsIndex) in item.cartInfo" :key="goodsIndex">
+							<image class="goods-img" :src="goodsItem.productInfo.image" mode="scaleToFill"></image>
+							<view class="right">
+								<view class="flex-start">
+									<text class="title clamp">{{ goodsItem.productInfo.store_name }}</text>
+									<text class="price">{{ goodsItem.productInfo.price|moneyNum }}</text>
+								</view>
+								<view class="row flex">
+									<text class="row_title">{{ goodsItem.productInfo.attrInfo ? goodsItem.productInfo.attrInfo.suk : '' }}</text>
+									<text class="attr-box"> x {{ goodsItem.cart_num }}</text>
+								</view>
+							</view>
+						</view>
+		
+						<view class="price-box">
+							共
+							<text class="num">{{ item.cartInfo.length }}</text>
+							件商品 邮费
+							<text class="price">{{ moneyNum(item.pay_postage)}}</text>
+							实付款
+							<text class="price">{{ moneyNum(item.pay_price)}}</text>
+						</view>
+						<view class="action-box b-t" v-if="item.status != 5">
+							<button v-if="item._status._title == '未支付'" class="action-btn" @click.stop="cancelOrder(item)">取消订单</button>
+							<button v-if="item._status._title == '未支付'" @click.stop="orderPay(item)" class="action-btn recom">立即支付</button>
+							<button v-if="item._status._title == '待评价'" class="action-btn">评价</button>
+							<button v-if="item._status._title == '待收货'" @click.stop="orderTake(item, index)" class="action-btn">确认收货</button>
+							<button v-if="item._status._title == '未发货'" class="action-btn" @click.stop="orderRefund(item)">申请退款</button>
+						</view>
+					</view>
+					<uni-load-more :status="tabItem.loadingType" color='#FFF'></uni-load-more>
+				</scroll-view>
+			</swiper-item>
+		</swiper>
+	</view>
+</template>
+
+<script>
+	import {
+		getsell
+	} from '@/api/game.js';
+	import {
+		mapState
+	} from 'vuex';
+	export default {
+		computed: {
+			...mapState('user', ['hasLogin'])
+		},
+		data() {
+			return {
+			tabCurrentIndex: 0,
+			navList: [
+				{
+					state: 0,
+					text: '待付款',
+					loadingType: 'more',
+					orderList: [],
+					page: 1, //当前页数
+					limit: 10 //每次信息条数
+				},
+				{
+					state: 1,
+					text: '待发货',
+					loadingType: 'more',
+					orderList: [],
+					page: 1, //当前页数
+					limit: 10 //每次信息条数
+				},
+				{
+					state: 2,
+					text: '待收货',
+					loadingType: 'more',
+					orderList: [],
+					page: 1, //当前页数
+					limit: 10 //每次信息条数
+				},
+				{
+					state: 3,
+					text: '待评价',
+					loadingType: 'more',
+					orderList: [],
+					page: 1, //当前页数
+					limit: 10 //每次信息条数
+				},
+				{
+					state: 4,
+					text: '已完成',
+					loadingType: 'more',
+					orderList: [],
+					page: 1, //当前页数
+					limit: 10 //每次信息条数
+				}
+			]
+		}
+		},
+		
+		onNavigationBarButtonTap(res){
+			console.log(res,['res']);
+		},
+		onLoad() {
+			this.loadData()
+		},
+		onReachBottom() {
+			this.loadData()
+		},
+		methods: {
+			nav(url) {
+				if (!this.hasLogin) {
+					// 保存地址
+					saveUrl();
+					// 登录拦截
+					interceptor();
+				} else {
+					uni.navigateTo({
+						url
+					});
+				}
+			},
+			loadData(source) {
+				//这里是将订单挂载到tab列表下
+				let index = this.tabCurrentIndex;
+				let navItem = this.navList[index];
+				let state = navItem.state;
+				if (source === 'tabChange' && navItem.loaded === true) {
+					//tab切换只有第一次需要加载数据
+					return;
+				}
+				if (navItem.loadingType === 'loading') {
+					//防止重复加载
+					return;
+				}
+				if (navItem.loadingType === 'noMore') {
+					//防止重复加载
+					return;
+				}
+				// 修改当前对象状态为加载中
+				navItem.loadingType = 'loading';
+				if(index==0){
+					getsell({
+						type: state,
+						page: navItem.page,
+						limit: navItem.limit
+					})
+						.then(({ data }) => {
+							let arr = data.map(e => {
+								let b = this.orderStateExp(e.status);
+								e.stateTip = b.stateTip;
+								e.stateTipColor = b.stateTipColor;
+								return e;
+							});
+							navItem.orderList = navItem.orderList.concat(arr);
+							// console.log(navItem.orderList);
+							navItem.page++;
+							if (navItem.limit == data.length) {
+								//判断是否还有数据， 有改为 more， 没有改为noMore
+								navItem.loadingType = 'more';
+								return;
+							} else {
+								//判断是否还有数据， 有改为 more， 没有改为noMore
+								navItem.loadingType = 'noMore';
+							}
+							uni.hideLoading();
+							this.$set(navItem, 'loaded', true);
+						})
+						.catch(e => {
+							console.log(e);
+						});
+				}
+				
+			},
+		}
+	};
+</script>
+
+<style lang="scss">
+	.all {
+		width: 750rpx;
+		height: 100%;
+		background-color: #051137;
+		padding-top: var(--status-bar-height);
+	}
+</style>

pages/index/personal.vue

@@ -21,37 +21,21 @@
 			</view>
 		</view>
 	</view>
-	<view class="submission"><button class="golden" type="golden" hover-class="none" @click="submission">确认提交</button></view>
-	<view class="">身份证照片(正反两面）</view>
+	<view class="uploadText">身份证照片(正反两面）</view>
 	<view class="flex upLoadBox">
-		<view class="">
+		<view class="imageBox flex">
 			<image src="../../static/img/add.png" style="width: 180rpx;" mode="widthFix"></image>
 			<image src="../../static/img/add.png" style="width: 180rpx;" mode="widthFix"></image>
 		</view>
 	</view>
-	<!-- <view class="example-title"><text>资金账户</text></view>
-	<view class="login_text">
-		<view class="login_input flex" style="padding-top: 45rpx;"> 
-			<view class="login_img"><text>保证金余额</text></view>
-			<view class="login_name"><text>2514. 00U</text></view>
-		</view>
-		<view class="login_input flex">
-			<view class="login_img"><text>奖励金额</text></view>
-			<view class="login_name"><text>1254.00U</text></view>
-		</view>
-		<view class="login_input flex">
-			<view class="login_img"><text>佣金费率</text></view>
-			<view class="login_name"><text>1.6</text></view>
-		</view>
-		<view class="login_input flex">
-			<view class="login_img"><text>已收款金额</text></view>
-			<view class="login_name"><text>54500U</text></view>
-		</view> -->
+	<view class="submission">
+		<button class="golden" type="golden" hover-class="none" @click="submission">提交认证</button>
+	</view>
 	</view>
   </view>
 </template>
 <script type="text/javascript">
-import { show_us,attestation } from '@/api/user.js';
+// import { show_us,attestation } from '@/api/user.js';
 export default {
   data() {
     return {
@@ -61,6 +45,11 @@ export default {
 	  vcode:''
     };
   },
+  onLoad() {
+  	// this.uid = uni.getStorageSync('uid');
+  	// console.log(uni.getStorageSync('uid'),this.uid)
+   //  this.loadData();
+  },
   methods: {
     //获取数据
     loadData() {
@@ -132,12 +121,7 @@ export default {
 			uni.stopPullDownRefresh(); //停止下拉刷新动画
 		}, 1000);
 	}
-  },
-  onLoad() {
-	this.uid = uni.getStorageSync('uid');
-	console.log(uni.getStorageSync('uid'),this.uid)
-    this.loadData();
-  },
+  }
 };
 </script>
 <style lang="scss">
@@ -151,6 +135,15 @@ export default {
 	border-bottom: 1px solid #464755;
 	padding: 35rpx;
 }
+.uploadText{
+	padding: 47rpx 40rpx;
+	color: #ffffff;
+	
+}
+.imageBox{
+	width: 100%;
+	padding: 50rpx 15%;
+}
 .uni-input{
 	width:450rpx;
 	text-align: left !important;

pages/index/pledge.vue

@@ -1,69 +1,57 @@
 <template>
 	<view class="all">
-		<view class="navbar">
-			<view v-for="(item, index) in navList" :key="index" class="nav-item" :class="{ current: tabCurrentIndex === index }" @click="tabClick(index)">{{ item.text }}</view>
+		<view class="navList flex">
+			<view v-for="(item, index) in navList" :key="index" class="navItem" 
+			:class="{ activeItem: tabCurrentIndex === index,tip:index == 0 }" @click="tabClick(index)">{{ item }}</view>
 		</view>
-		<swiper :current="tabCurrentIndex" class="swiper-box" duration="300" @change="changeTab">
-			<swiper-item class="tab-content" v-for="(tabItem, tabIndex) in navList" :key="tabIndex">
-				<scroll-view class="list-scroll-content" scroll-y @scrolltolower="loadData">
-					<!-- 空白页 -->
-					<empty v-if="tabItem.loaded === true && tabItem.orderList.length === 0"></empty>
-		
-					<!-- 订单列表 -->
-					<view @click="goToOrderDetail(item)" v-for="(item, index) in tabItem.orderList" :key="index" class="order-item">
-						<view class="i-top b-b">
-							<text class="time">{{ item._add_time }}</text>
-							<text class="state" :style="{ color: item.stateTipColor }">{{ item._status._title }}</text>
-							<text v-if="item.status === 4" class="del-btn iconfont icondelete" @click="deleteOrder(index)"></text>
-						</view>
-		
-						<scroll-view v-if="item.cartInfo.length > 1" class="goods-box" scroll-x>
-							<view v-for="(goodsItem, goodsIndex) in item.cartInfo" :key="goodsIndex" class="goods-item">
-								<image class="goods-img" :src="goodsItem.productInfo.image" mode="aspectFill"></image>
-							</view>
-						</scroll-view>
-						<!-- <view v-if="item.cartInfo.length === 1" class="goods-box-single" v-for="(goodsItem, goodsIndex) in item.cartInfo" :key="goodsIndex">
-							<image class="goods-img" :src="goodsItem.productInfo.image" mode="aspectFill"></image>
-							<view class="right">
-								<text class="title clamp">{{ goodsItem.productInfo.store_name }}</text>
-								<text class="attr-box">{{ goodsItem.attrInfo ? goodsItem.attrInfo.suk : '' }} x {{ goodsItem.cart_num }}</text>
-								<text class="price">{{ moneyNum(goodsItem.productInfo.price)}}</text>
-							</view>
-						</view> -->
-						<view class="goods-box-single" v-for="(goodsItem, goodsIndex) in item.cartInfo" :key="goodsIndex">
-							<image class="goods-img" :src="goodsItem.productInfo.image" mode="scaleToFill"></image>
-							<view class="right">
-								<view class="flex-start">
-									<text class="title clamp">{{ goodsItem.productInfo.store_name }}</text>
-									<text class="price">{{ goodsItem.productInfo.price|moneyNum }}</text>
-								</view>
-								<view class="row flex">
-									<text class="row_title">{{ goodsItem.productInfo.attrInfo ? goodsItem.productInfo.attrInfo.suk : '' }}</text>
-									<text class="attr-box"> x {{ goodsItem.cart_num }}</text>
-								</view>
-							</view>
-						</view>
-		
-						<view class="price-box">
-							共
-							<text class="num">{{ item.cartInfo.length }}</text>
-							件商品 邮费
-							<text class="price">{{ moneyNum(item.pay_postage)}}</text>
-							实付款
-							<text class="price">{{ moneyNum(item.pay_price)}}</text>
-						</view>
-						<view class="action-box b-t" v-if="item.status != 5">
-							<button v-if="item._status._title == '未支付'" class="action-btn" @click.stop="cancelOrder(item)">取消订单</button>
-							<button v-if="item._status._title == '未支付'" @click.stop="orderPay(item)" class="action-btn recom">立即支付</button>
-							<button v-if="item._status._title == '待评价'" class="action-btn">评价</button>
-							<button v-if="item._status._title == '待收货'" @click.stop="orderTake(item, index)" class="action-btn">确认收货</button>
-							<button v-if="item._status._title == '未发货'" class="action-btn" @click.stop="orderRefund(item)">申请退款</button>
-						</view>
+		<view style="padding-top: 44px;" v-if="tabCurrentIndex == 0">
+			<view class="listBox">
+				<view class="titleTetx">数量</view>
+				<view class="flex listTpl">
+					<input type="number" class="inputBox" v-model="number" placeholder="请输入数量"/>
+					<view class="flex_item">
+						<view class="listTip">USDT</view>
+						<view class="listAll">全部</view>
 					</view>
-					<uni-load-more :status="tabItem.loadingType" color='#FFF'></uni-load-more>
-				</scroll-view>
-			</swiper-item>
-		</swiper>
+					
+				</view>
+				<view class="flex tipBox">
+					<view class="tip1">可用余额2.12USDT</view>
+					<view class="tip1">限额10个</view>
+				</view>
+			</view>
+			<view class="listBox" style="padding-top: 0rpx;">
+				<view class="listTpl">
+					<input type="number" class="inputBox" v-model="price" placeholder="请输入单价"/>
+				</view>
+				<view class="flex tipBox">
+					<view class="tip1">单价不得大于参考汇率</view>
+				</view>
+			</view>
+			<view class="submission">
+				<button class="golden" type="golden" hover-class="none" @click="submission">一键卖币</button>
+			</view>
+			<view class="tips">*参考汇率7:23</view>
+		</view>
+		<view class="listItemBox" v-if="tabCurrentIndex == 1">
+			<view class="listItem" v-for="item,index in list" :key="index">
+				<view class="itemInfo flex">
+					<view class="flex_item">
+						<image src="/static/image/img20.png" style="width: 55rpx;" mode="widthFix"></image>
+						<view class="name">李丹丹</view>
+					</view>
+					<image src="/static/image/img21.png" style="width: 40rpx;" mode="widthFix"></image>
+				</view>
+				<view class="itemTpl">7.11</view>
+				<view class="itemTip flex">
+					<view class="tipBox">
+						<view class="tipText">数量:36212.00</view>
+						<view class="tipText">2023.06.10 12:03:02</view>
+					</view>
+					<view class="tipBtn">买入</view>
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -80,125 +68,24 @@
 		},
 		data() {
 			return {
-			tabCurrentIndex: 0,
-			navList: [
-				{
-					state: 0,
-					text: '待付款',
-					loadingType: 'more',
-					orderList: [],
-					page: 1, //当前页数
-					limit: 10 //每次信息条数
-				},
-				{
-					state: 1,
-					text: '待发货',
-					loadingType: 'more',
-					orderList: [],
-					page: 1, //当前页数
-					limit: 10 //每次信息条数
-				},
-				{
-					state: 2,
-					text: '待收货',
-					loadingType: 'more',
-					orderList: [],
-					page: 1, //当前页数
-					limit: 10 //每次信息条数
-				},
-				{
-					state: 3,
-					text: '待评价',
-					loadingType: 'more',
-					orderList: [],
-					page: 1, //当前页数
-					limit: 10 //每次信息条数
-				},
-				{
-					state: 4,
-					text: '已完成',
-					loadingType: 'more',
-					orderList: [],
-					page: 1, //当前页数
-					limit: 10 //每次信息条数
-				}
-			]
+			tabCurrentIndex: 1,
+			navList: ['卖出','买入'],
+			number:'',
+			price:'',
+			pages:1,
+			limit:10,
+			list:[{},{},{},{},{},{},{},{},{},{},{},{}]
 		}
 		},
-		
 		onNavigationBarButtonTap(res){
 			console.log(res,['res']);
 		},
 		onLoad() {
-			this.loadData()
-		},
-		onReachBottom() {
-			this.loadData()
+			
 		},
 		methods: {
-			nav(url) {
-				if (!this.hasLogin) {
-					// 保存地址
-					saveUrl();
-					// 登录拦截
-					interceptor();
-				} else {
-					uni.navigateTo({
-						url
-					});
-				}
-			},
-			loadData(source) {
-				//这里是将订单挂载到tab列表下
-				let index = this.tabCurrentIndex;
-				let navItem = this.navList[index];
-				let state = navItem.state;
-				if (source === 'tabChange' && navItem.loaded === true) {
-					//tab切换只有第一次需要加载数据
-					return;
-				}
-				if (navItem.loadingType === 'loading') {
-					//防止重复加载
-					return;
-				}
-				if (navItem.loadingType === 'noMore') {
-					//防止重复加载
-					return;
-				}
-				// 修改当前对象状态为加载中
-				navItem.loadingType = 'loading';
-				if(index==0){
-					getsell({
-						type: state,
-						page: navItem.page,
-						limit: navItem.limit
-					})
-						.then(({ data }) => {
-							let arr = data.map(e => {
-								let b = this.orderStateExp(e.status);
-								e.stateTip = b.stateTip;
-								e.stateTipColor = b.stateTipColor;
-								return e;
-							});
-							navItem.orderList = navItem.orderList.concat(arr);
-							// console.log(navItem.orderList);
-							navItem.page++;
-							if (navItem.limit == data.length) {
-								//判断是否还有数据， 有改为 more， 没有改为noMore
-								navItem.loadingType = 'more';
-								return;
-							} else {
-								//判断是否还有数据， 有改为 more， 没有改为noMore
-								navItem.loadingType = 'noMore';
-							}
-							uni.hideLoading();
-							this.$set(navItem, 'loaded', true);
-						})
-						.catch(e => {
-							console.log(e);
-						});
-				}
-				
+			tabClick(index) {
+				this.tabCurrentIndex = index;
 			},
 		}
 	};
@@ -210,5 +97,134 @@
 		height: 100%;
 		background-color: #051137;
 		padding-top: var(--status-bar-height);
+		color: #fff;
+	}
+	.navBar{
+		width: 100%;
+		position: fixed;
+		top: 0;
+		/* #ifdef H5 */
+		padding-top: calc(44px + env(safe-area-inset-top));
+		/* #endif */
+		/* #ifdef APP ||MP */
+		padding-top: calc(0px + env(safe-area-inset-top));
+		/* #endif */
+		background: #fff;
+		z-index: 99;
+		.searchBox{
+			padding: 25rpx 25rpx;
+		}
+	}
+	.navList{
+		padding: 30rpx 50rpx 20rpx 50rpx;
+		background: #1F2A4A;
+		position: fixed;
+		top: 44px;
+		left: 0;
+		width: 100%;
+		z-index: 9;
+		.navItem{
+			color: #fff;
+			font-size: 30rpx;
+			text-align: center;
+			width: 50%;
+			&.activeItem{
+				color: #0C5AFA;
+				position: relative;
+				&:after {
+					content: '';
+					position: absolute;
+					left:36%;
+					bottom: -20rpx;
+					width: 30%;
+					height: 8rpx;
+					 // transform: translateX(-50%);
+					border-bottom: 4rpx solid #0C5AFA;
+					border-radius: 0rpx 20rpx 0rpx 0rpx;
+				}
+			}
+			&.tip{
+				border-right: 1rpx solid #333D5B;
+			}
+		}
+	}
+	.listBox{
+		padding: 62rpx 32rpx;
+		.titleTetx{
+			font-weight: bold;
+			font-size: 24rpx;
+			color: #FFFFFF;
+			padding-bottom: 25rpx;
+		}
+		.tipBox{
+			padding-top: 15rpx;
+			font-size: 24rpx;
+		}
+	}
+	.listTpl{
+		border-bottom: 1rpx solid #6A7288;
+		padding-bottom: 25rpx;
+		.inputBox{
+			font-size: 35rpx;
+			color: #FFFFFF;
+		}
+		.listTip{
+			
+		}
+		.listAll{
+			padding-left: 30rpx;
+			font-size: 24rpx;
+			color: #0C5AFA;
+		}
+	}
+	.submission{
+		padding: 80rpx 25rpx;
+		padding-bottom: 25rpx;
+		.golden{
+			background: #0C5AFA;
+			color: #ffffff;
+		}
+	}
+	.tips{
+		text-align: center;
+	}
+	.listItemBox{
+		padding-top: 44px;
+		.listItem{
+			padding: 34rpx 34rpx;
+			border-bottom: 1rpx solid #6A7288;
+			.name{
+				font-family: PingFang SC;
+				font-weight: bold;
+				font-size: 30rpx;
+				color: #FFFFFF;
+				padding-left: 25rpx;
+			}
+			.itemTpl{
+				font-family: PingFang SC;
+				font-weight: bold;
+				font-size: 36rpx;
+				color: #0C5AFA;
+				padding-top: 25rpx;
+			}
+			.itemTip{
+				.tipText{
+					font-family: PingFang SC;
+					font-weight: 500;
+					font-size: 24rpx;
+					color: #C1C1C1;
+					padding-top: 15rpx;
+				}
+				.tipBtn{
+					font-family: PingFang SC;
+					font-weight: bold;
+					font-size: 24rpx;
+					color: #FFFFFF;
+					background: linear-gradient(90deg, #0C5AFA, #1356FF);
+					border-radius: 7rpx;
+					padding: 15rpx 35rpx;
+				}
+			}
+		}
 	}
 </style>

pages/index/transaction.vue

@@ -1,8 +1,184 @@
 <template>
+  <view class="body_content">
+	<view class="login_text">
+		<view class="example-title">修改交易密码</view>
+		<view class="login_input flex" style="padding-top: 45rpx;"> 
+			<view class="login_name">新密码</view>
+			<view class="login_name"><input class="uni-input" type="text" v-model="username" placeholder="请输入新密码" /></view>
+		</view>
+		<view class="login_input flex">
+			<view class="login_name"><text>重复密码</text></view>
+			<view class="login_name"><input class="uni-input" type="idcard" v-model="idCard" placeholder="请重复输入密码" /></view>
+		</view>
+		<view class="login_input flex" style="border: none;">
+			<view class="login_name"><text>验证码</text></view>
+			<view class="login_name flex_item">
+				<input style="width: 310rpx;" class="uni-input" type="number" v-model="vcode" placeholder="请输入验证码" />
+				<view class="" style="font-size: 26rpx;color: #0C5AFA;">获取验证码</view>
+			</view>
+		</view>
+	</view>
+	<view class="submission">
+		<button class="golden" type="golden" hover-class="none" @click="submission">确认</button>
+	</view>
+	</view>
+  </view>
 </template>
-
-<script>
+<script type="text/javascript">
+// import { show_us,attestation } from '@/api/user.js';
+export default {
+  data() {
+    return {
+	  username:'',
+	  idCard:'',
+	  phone:'',
+	  vcode:''
+    };
+  },
+  onLoad() {
+  	// this.uid = uni.getStorageSync('uid');
+  	// console.log(uni.getStorageSync('uid'),this.uid)
+   //  this.loadData();
+  },
+  methods: {
+    //获取数据
+    loadData() {
+      show_us({
+		  uid:this.uid
+	  })
+        .then(data => {
+		  let obj = this;
+          obj.list = data.data;
+		  if(data.data.card == null){
+			  obj.number = "";
+		  }else{
+			   obj.number = data.data.card;
+		  }
+		 if(data.data.email == null){
+			obj.mail = ""; 
+		 }else{
+			 obj.mail = data.data.email;
+		 }
+		 if( data.data.name == null){
+			 obj.username = '';
+		 }else{
+			 obj.username = data.data.name;
+		 }
+		  
+        })
+        .catch(err => {
+          console.log(err);
+        });
+    },
+	// 提交
+	submission() {
+		if (this.mail == '') {
+			this.$api.msg('请输入电子邮箱');
+			return;
+		}
+		if (this.username == '') {
+			this.$api.msg('请输入真实姓名');
+			return;
+		}
+		if (this.number == '') {
+			this.$api.msg('请输入身份证号');
+			return;
+		}
+		attestation({
+			uid:this.uid,
+			email: this.mail,
+			name: this.username,
+			card: this.number,
+		})
+			.then(function(e) {
+				uni.showToast({
+					title: e.message,
+					duration: 1500,
+					mask: false,
+					icon: 'none'
+				});
+			})
+			.catch(function(e) {
+				console.log(e);
+			});
+	},
+	//下拉刷新
+	onPullDownRefresh() {
+		let obj = this;
+		//监听下拉刷新动作的执行方法，每次手动下拉刷新都会执行一次
+		setTimeout(function() {
+			obj.loadData();
+			uni.stopPullDownRefresh(); //停止下拉刷新动画
+		}, 1000);
+	}
+  }
+};
 </script>
-
-<style>
-</style>
+<style lang="scss">
+.login_text {
+	width: 100%;
+	// padding: 25rpx 0rpx;
+	font-size: 28rpx !important;
+	background: #1F2A4A;
+	padding: 0rpx 25rpx;
+}
+.login_input {
+	border-bottom: 1px solid #464755;
+	padding: 35rpx;
+}
+.uploadText{
+	padding: 47rpx 40rpx;
+	color: #ffffff;
+	
+}
+.imageBox{
+	width: 100%;
+	padding: 50rpx 15%;
+}
+.uni-input{
+	width:450rpx;
+	text-align: left !important;
+	font-size: 26rpx;
+}
+.width {
+	width: 265rpx !important;
+}
+.code {
+	color: #EEC680;
+	font-size: 23rpx;
+	border-left: 1px solid #85858E;
+	padding-left: 25rpx;
+}
+.submission{
+	padding: 80rpx 25rpx;
+	.golden{
+		background: #0C5AFA;
+		color: #ffffff;
+	}
+}
+.login_name {
+	color: #ffffff;
+}
+.example-title {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	font-size: 30rpx;
+	color: #fff;
+	padding: 30rpx 30rpx 30rpx 50rpx;
+	position: relative;
+	background-color: #1F2A4A;
+	border-bottom: 1rpx solid #464755;
+}
+.example-title:after {
+	content: '';
+	position: absolute;
+	left: 30rpx;
+	margin: auto;
+	top: 0;
+	bottom: 0;
+	width: 4rpx;
+	height: 32rpx;
+	background-color: #0C5AFA;
+}
+</style>