From bdd4f204ecfb0bf0087a3cf60573406ec3c24f42 Mon Sep 17 00:00:00 2001
From: vee <897831508@qq.com>
Date: Wed, 17 Nov 2021 11:51:28 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/menu/collection/index.css        | 529 ++++++++++++++-----------
 pages/menu/collection/index.vue        |   2 +-
 pages/menu/market/index.css            |  80 ++--
 pages/menu/market/index.vue            |  11 +-
 pages/menu/token/btc/index.css         |  13 +-
 pages/menu/token/btc/index.vue         |   2 +-
 pages/menu/transction/detail/index.css |  29 +-
 pages/menu/transction/detail/index.vue |   7 +-
 pages/menu/wallet/index.css            |  12 +-
 pages/menu/wallet/index.vue            |   2 +-
 10 files changed, 396 insertions(+), 291 deletions(-)

diff --git a/pages/menu/collection/index.css b/pages/menu/collection/index.css
index 3cade36..7173a5a 100644
--- a/pages/menu/collection/index.css
+++ b/pages/menu/collection/index.css
@@ -1,18 +1,30 @@
-.maintoP{
-	margin-top: 100rpx;
+.maintoP {
+	margin-top: 80rpx;
 	position: relative;
 }
-.big_con{
+
+.big_con {
 	padding: 0 32rpx;
-	padding-bottom: 300rpx;
+	padding-bottom: 180rpx;
 }
- .aaa{
+
+.head {
 	background: #FAFAFA !important;
-} 
- 	page {
-		background: #FAFAFA;
-	}
-.main{
+	position: sticky;
+	/* #ifdef H5 */
+	top: 80rpx;
+	/* #endif */
+	/* #ifndef H5 */
+	top: 0;
+	/* #endif */
+	z-index: 999;
+}
+
+page {
+	background: #FAFAFA;
+}
+
+.main {
 	padding: 0 24rpx;
 	margin-top: 50rpx;
 	background: #fff;
@@ -21,47 +33,56 @@
 	max-height: 1200rpx;
 	overflow-y: scroll;
 }
-.title{
+
+.title {
 	height: 150rpx;
 	display: flex;
 	align-items: center;
 	font-size: 32rpx;
 	border-bottom: 2rpx solid #F6F8FD;
 }
-.flex{
+
+.flex {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 }
-.flex2{
+
+.flex2 {
 	display: flex;
 }
 
-.main_con .item .left .img{
+.main_con .item .left .img {
 	width: 80rpx;
 	height: 80rpx;
 	border-radius: 100rpx;
 }
-.main_con .item{
+
+.main_con .item {
 	height: 180rpx;
 	border-bottom: 2rpx solid #F6F8FD;
 	border-radius: 24rpx;
 }
-.main_con .item .img{
+
+.main_con .item .img {
 	width: 48rpx;
 	height: 48rpx;
 }
-.main_con .textcon{
+
+.main_con .textcon {
 	margin-left: 20rpx;
 }
-.main_con .textcon .text1{
+
+.main_con .textcon .text1 {
 	font-size: 30rpx;
 }
-.main_con .textcon .text2{
+
+.main_con .textcon .text2 {
 	font-size: 24rpx;
 	color: #999;
 }
-.letImg{
+
+.letImg {
 	width: 24rpx;
 	height: 24rpx;
 }
@@ -69,220 +90,254 @@
 
 
 
-.bottom_con{
-		position: fixed;
-		bottom:0rpx;
-		z-index: 9999;
-	}
-	.bottom_con{
-		width: 100%;
-		background-color:#F7F8FA;
-		padding: 0 24rpx;
-		border-radius: 16rpx 16rpx 0 0;
-		padding-bottom: 40rpx;
-	}
-	.title_con{
-		padding: 30rpx 0;
-		text-align: center;
-		color: #7A7A81;
-	}
-	.money_con{
-		background-color: #fff;
-		padding: 70rpx 30rpx;
-		border-radius: 16rpx 16rpx 0 0;
-	}
-	.money_con .money{
-		display: flex;
-		justify-content: center;
-		align-items: center;
-	}
-	.money_con .money .tex1{
-		font-size: 64rpx;
-		margin-right: 10rpx;
-	}
-	.money_con .img{
-		width: 48rpx;
-		height: 48rpx;
-		position: absolute;
-		left: 12rpx;
-		top: 24rpx;
-	}
-	.money_con .img2{
-		width: 28rpx;
-		height: 28rpx;
-		position: absolute;
-		left: 32rpx;
-		top: 32rpx;
-	}
-	.money_con .money .tex2{
-		font-size: 42rpx;
-	}
-	.money_con .money .text{
-		
-	}
-	.info_con{
-		margin-top: 40rpx;
-	}
-	.info_con .item{
-		display: flex;
-		padding-bottom: 24rpx;
-		border-bottom: 2rpx solid #DDDDDD;
-		background-color: #6747D1;
-	}
-	.info_con .item:last-child{
-		border-bottom: none;
-	}
-	.info_con .item .text1{
-		color: #9B9C9E;
-		margin-right: 50rpx;
-	}
-	.info_con .item .text2{
-      word-break: break-word;
-	}
-
-	.bottom_con .btn{
-		line-height: 96rpx;
-		background-color: #5B53FF;
-		text-align: center;
-		color: #fff;
-		border-radius: 32rpx;
-		margin-top: 50rpx;
-	}
-	.money_con2{
-		height: 400rpx;
-	}
-	.btn2{
-		line-height: 96rpx;
-		background-color: #E9ECF5;
-		text-align: center;
-		color: #fff;
-		border-radius: 32rpx;
-		margin-top: 50rpx;
-	}
-	.btncolor{
-		background-color: #5B53FF;
-	}
-	.btncolor2{
-		background-color:  #E9ECF5;
-	}
-	
-	.bot_con .item{
-		width: 575rpx;
-		height: 164rpx;
-	 background-image: linear-gradient(to right, #FF9913, #FFB60C);
-	 padding: 44rpx 0;
-	 padding-left: 25rpx;
-	 padding-right: 32rpx;
-	 border-radius: 24rpx;
-	 margin-bottom: 28rpx;
-	 position: relative;
-	 box-shadow: 0 8rpx 8rpx 8rpx #EFF1F3;
-	}
-	
-	.flexx{
-		display: flex;
-		justify-content: space-between;
-	}
-	.bot_con .item .left .img1{
-		width: 84rpx;
-		height: 84rpx;
-		margin-right: 20rpx;
-	}
-	.bot_con .item .left .textcon .text1{
-		font-size: 36rpx;
-		color: #fff;
-	}
-	.bot_con .item .left .textcon{
-		width: auto;
-		flex: 1;
-	}
-	.bot_con .item .left .textcon .text2{
-		font-size: 28rpx;
-		color: rgba(255,255,255,.5);
-		word-break: break-all;
-	
-	}
-	.bot_con .item .rig{
-		text-align: right;
-		color: #fff;
-		font-size: 34rpx;
-	}
-	
-	.bot_con .item .rig .text1{
-		font-size: 36rpx;
-	}
-	.bot_con .item .rig .text2{
-	
-		font-size: 28rpx;
-		color: #B0BBD5;
-	}
-	.opc{
-		opacity: .4;
-	}
-	.rimg{
-		width: 28rpx;
-		height: 28rpx;
-	}
-	
-	.letConimg{
-		display: block;
-		width: 84rpx;
-		height: 84rpx;
-		margin-bottom: 68rpx;
-	}
-	.pur{
-		background-image: linear-gradient(to right, #6846D2, #887BFE) !important;
-	}
-	.red{
-		background-image: linear-gradient(to right, #B4142C, #F04850) !important;
-	}
-	.green{
-		background-image: linear-gradient(to right, #13BB9C, #23D7AF) !important;
-	}
-	
-	.gou{
-		width: 80rpx;
-		height: 74rpx;
-		background-size: cover;
-		position: absolute;
-		bottom: 0;
-		right: 0;
-	}
-	.gou .img{
-		position: absolute;
-		left: 75%;
-		top: 65%;
-		transform: translate(-50%,-50%);
-		width: 28rpx;
-		height: 28rpx;
-	}
-	
-	.bl{
-		display: block !important;
-	}
-	.dis{
-		display: none !important;
-	}
-	.ethimg1{
-		width: 80rpx;
-		height: 80rpx;
-		margin-right: 30rpx;
-	}
-	.ethimg2{
-		width: 32rpx;
-		height: 32rpx;
-		position: absolute;
-		top: 20rpx;
-		left: 20rpx;
-	}
-	.info_con .item{
-		border-radius: 24rpx;
-		padding: 24rpx;
-		margin-bottom: 50rpx;
-	}
-	.text111{
-		color: #fff !important;
-	}
-	.textcon .text2{
-		color: #fff;
-	}
\ No newline at end of file
+.bottom_con {
+	position: fixed;
+	bottom: 0rpx;
+	z-index: 9999;
+}
+
+.bottom_con {
+	width: 100%;
+	background-color: #F7F8FA;
+	padding: 0 24rpx;
+	border-radius: 16rpx 16rpx 0 0;
+	padding-bottom: 40rpx;
+}
+
+.title_con {
+	padding: 30rpx 0;
+	text-align: center;
+	color: #7A7A81;
+}
+
+.money_con {
+	background-color: #fff;
+	padding: 70rpx 30rpx;
+	border-radius: 16rpx 16rpx 0 0;
+}
+
+.money_con .money {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.money_con .money .tex1 {
+	font-size: 64rpx;
+	margin-right: 10rpx;
+}
+
+.money_con .img {
+	width: 48rpx;
+	height: 48rpx;
+	position: absolute;
+	left: 12rpx;
+	top: 24rpx;
+}
+
+.money_con .img2 {
+	width: 28rpx;
+	height: 28rpx;
+	position: absolute;
+	left: 32rpx;
+	top: 32rpx;
+}
+
+.money_con .money .tex2 {
+	font-size: 42rpx;
+}
+
+.money_con .money .text {}
+
+.info_con {
+	margin-top: 40rpx;
+}
+
+.info_con .item {
+	display: flex;
+	padding-bottom: 24rpx;
+	border-bottom: 2rpx solid #DDDDDD;
+	background-color: #6747D1;
+}
+
+.info_con .item:last-child {
+	border-bottom: none;
+}
+
+.info_con .item .text1 {
+	color: #9B9C9E;
+	margin-right: 50rpx;
+}
+
+.info_con .item .text2 {
+	word-break: break-word;
+}
+
+.bottom_con .btn {
+	line-height: 96rpx;
+	background-color: #5B53FF;
+	text-align: center;
+	color: #fff;
+	border-radius: 32rpx;
+	margin-top: 50rpx;
+}
+
+.money_con2 {
+	height: 400rpx;
+}
+
+.btn2 {
+	line-height: 96rpx;
+	background-color: #E9ECF5;
+	text-align: center;
+	color: #fff;
+	border-radius: 32rpx;
+	margin-top: 50rpx;
+}
+
+.btncolor {
+	background-color: #5B53FF;
+}
+
+.btncolor2 {
+	background-color: #E9ECF5;
+}
+
+.bot_con .item {
+	width: 575rpx;
+	height: 164rpx;
+	background-image: linear-gradient(to right, #FF9913, #FFB60C);
+	padding: 44rpx 0;
+	padding-left: 25rpx;
+	padding-right: 32rpx;
+	border-radius: 24rpx;
+	margin-bottom: 28rpx;
+	position: relative;
+	box-shadow: 0 8rpx 8rpx 8rpx #EFF1F3;
+}
+
+.flexx {
+	display: flex;
+	justify-content: space-between;
+}
+
+.bot_con .item .left .img1 {
+	width: 84rpx;
+	height: 84rpx;
+	margin-right: 20rpx;
+}
+
+.bot_con .item .left .textcon .text1 {
+	font-size: 36rpx;
+	color: #fff;
+}
+
+.bot_con .item .left .textcon {
+	width: auto;
+	flex: 1;
+}
+
+.bot_con .item .left .textcon .text2 {
+	font-size: 28rpx;
+	color: rgba(255, 255, 255, .5);
+	word-break: break-all;
+
+}
+
+.bot_con .item .rig {
+	text-align: right;
+	color: #fff;
+	font-size: 34rpx;
+}
+
+.bot_con .item .rig .text1 {
+	font-size: 36rpx;
+}
+
+.bot_con .item .rig .text2 {
+
+	font-size: 28rpx;
+	color: #B0BBD5;
+}
+
+.opc {
+	opacity: .4;
+}
+
+.rimg {
+	width: 28rpx;
+	height: 28rpx;
+}
+
+.letConimg {
+	display: block;
+	width: 84rpx;
+	height: 84rpx;
+	margin-bottom: 68rpx;
+}
+
+.pur {
+	background-image: linear-gradient(to right, #6846D2, #887BFE) !important;
+}
+
+.red {
+	background-image: linear-gradient(to right, #B4142C, #F04850) !important;
+}
+
+.green {
+	background-image: linear-gradient(to right, #13BB9C, #23D7AF) !important;
+}
+
+.gou {
+	width: 80rpx;
+	height: 74rpx;
+	background-size: cover;
+	position: absolute;
+	bottom: 0;
+	right: 0;
+}
+
+.gou .img {
+	position: absolute;
+	left: 75%;
+	top: 65%;
+	transform: translate(-50%, -50%);
+	width: 28rpx;
+	height: 28rpx;
+}
+
+.bl {
+	display: block !important;
+}
+
+.dis {
+	display: none !important;
+}
+
+.ethimg1 {
+	width: 80rpx;
+	height: 80rpx;
+	margin-right: 30rpx;
+}
+
+.ethimg2 {
+	width: 32rpx;
+	height: 32rpx;
+	position: absolute;
+	top: 20rpx;
+	left: 20rpx;
+}
+
+.info_con .item {
+	border-radius: 24rpx;
+	padding: 24rpx;
+	margin-bottom: 50rpx;
+}
+
+.text111 {
+	color: #fff !important;
+}
+
+.textcon .text2 {
+	color: #fff;
+}
diff --git a/pages/menu/collection/index.vue b/pages/menu/collection/index.vue
index 731b0e5..4c42f8c 100644
--- a/pages/menu/collection/index.vue
+++ b/pages/menu/collection/index.vue
@@ -1,6 +1,6 @@
 <template>
 	<view class="maintoP">
-		<navigation :showBack="false" :bgnum="true" class="aaa">
+		<navigation :showBack="false" :bgnum="true" class="head">
 		NFT collection
 		</navigation>
 		<view class="big_con">
diff --git a/pages/menu/market/index.css b/pages/menu/market/index.css
index 5da4ccf..8b1856a 100644
--- a/pages/menu/market/index.css
+++ b/pages/menu/market/index.css
@@ -1,80 +1,106 @@
-.main_con{
+.main_con {
 	padding: 0 24rpx;
 	padding-bottom: 250rpx;
-	margin-top: 60rpx;
+	margin-top: 80rpx;
+	position: relative;
 }
-.main_con .title{
+
+.head {
+	background: #FAFAFA !important;
+	position: sticky;
+	/* #ifdef H5 */
+	top: 80rpx;
+	/* #endif */
+	/* #ifndef H5 */
+	top: 0;
+	/* #endif */
+	
+}
+
+.main_con .title {
 	padding-top: 36rpx;
 	padding-bottom: 28rpx;
 	font-size: 36rpx;
 	font-weight: 500;
 	color: #0F1828;
 }
-.main{
+
+.main {
 	background-color: #fff;
 	border-radius: 15rpx;
 	padding: 0 24rpx;
+	margin-top: 50rpx;
 	box-shadow: 0 20rpx 20rpx 20rpx #ECEFF2;
 }
-.flex{
+
+.flex {
 	display: flex;
 	justify-content: space-between;
 }
 
-.title_item{
+.title_item {
 	padding-top: 32rpx;
 	padding-bottom: 20rpx;
 	border-bottom: 2rpx solid #F4F7FE;
 	color: #7D87A6;
 	font-size: 26rpx;
 }
-.title_item .imgcon{
-	
-}
-.green{
+
+.title_item .imgcon {}
+
+.green {
 	background-color: #6FCF97;
 }
-.red{
+
+.red {
 	background-color: #EB5757;
 }
-.main .item{
+
+.main .item {
 	border-bottom: 2rpx solid #F4F7FE;
-	padding-top: 40rpx;
-	padding-bottom: 32rpx;
+	padding: 34rpx 0;
+	line-height: 58rpx;
 }
-.main .item .text2{
+
+.main .item .text2 {
 	color: #0F1828;
-	font-size: 30rpx;
+	font-size: 24rpx;
 	font-weight: 500;
+	text-align: center;
 }
-.main .item .text2 .t1{
+
+.main .item .text2 .t1 {
 	color: #7D87A6;
 	font-size: 28rpx;
 }
-.main .item .btn{
+
+.main .item .btn {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	border-radius: 8rpx;
 	color: #fff;
-	font-size: 30rpx;
-	height: 80rpx;
-	width: 176rpx;
+	font-size: 24rpx;
+	height: 58rpx;
+	width: 160rpx;
 }
 
-.main .item .btn .img1{
+.main .item .btn .img1 {
 	width: 48rpx;
 	height: 48rpx;
 }
-.Colorimg{
+
+.Colorimg {
 	display: block;
 	width: 24rpx;
 	height: 24rpx;
 }
-.title_item .imgcon{
+
+.title_item .imgcon {
 	margin-left: 14rpx;
 }
-.scroll{
-	max-height: 1200rpx;
+
+.scroll {
+	max-height: 1160rpx;
 	overflow: scroll;
-}
\ No newline at end of file
+}
diff --git a/pages/menu/market/index.vue b/pages/menu/market/index.vue
index 08f6df5..b1cc9c6 100644
--- a/pages/menu/market/index.vue
+++ b/pages/menu/market/index.vue
@@ -1,8 +1,9 @@
 <template>
 	<view class="main_con">
-		<view class="title">
+		
+		<navigation :showBack="false" :bgnum="true" class="head">
 			Market
-		</view>
+		</navigation>
 		<view class="main">
 			<view class="title_item flex">
 				<view class="text1">Tranding Pairs</view>
@@ -19,11 +20,9 @@
 					</view>
 					<view class="text2">
 						<view class="">
-							{{item.current_price_usd}}
-						</view>
-						<view class="t1">
-							{{item.current_price}}
+							{{item.current_price_usd}}/{{item.current_price}}
 						</view>
+						
 					</view>
 					<view class="btn" :class="item.change_percent>0?'red':'green'">
 						<image src="../../../static/tongyonh/arrow-down-left1.png" mode="aspectFit" class="img1"
diff --git a/pages/menu/token/btc/index.css b/pages/menu/token/btc/index.css
index 36962fd..7f8706b 100644
--- a/pages/menu/token/btc/index.css
+++ b/pages/menu/token/btc/index.css
@@ -1,10 +1,21 @@
+
 .renYou {
 	width: 48rpx;
 	height: 48rpx;
 	position: absolute;
 	right: 30rpx;
 }
-
+.head {
+	background: #FAFAFA !important;
+	position: sticky;
+	/* #ifdef H5 */
+	top: 80rpx;
+	/* #endif */
+	/* #ifndef H5 */
+	top: 0;
+	/* #endif */
+	z-index: 999;
+}
 .big_title {
 	font-size: 36rpx;
 }
diff --git a/pages/menu/token/btc/index.vue b/pages/menu/token/btc/index.vue
index 55db849..11d7de1 100644
--- a/pages/menu/token/btc/index.vue
+++ b/pages/menu/token/btc/index.vue
@@ -1,6 +1,6 @@
 <template>
 	<view class="">
-		<navigation :showBack="true" :bgnum="true">
+		<navigation :showBack="true" :bgnum="true" class="head">
 			<text class="big_title">
 				{{coin.name}}
 			</text>
diff --git a/pages/menu/transction/detail/index.css b/pages/menu/transction/detail/index.css
index ecef93a..e703999 100644
--- a/pages/menu/transction/detail/index.css
+++ b/pages/menu/transction/detail/index.css
@@ -1,21 +1,24 @@
+page{
+	height:100%;
+}
 .main{
-	padding: 0 26rpx;
-	padding-bottom: 100rpx;
+	padding: 0 30rpx;
+	/* padding-bottom: 100rpx; */
 }
 .main_con{
 	background-color: #fff;
 	border-radius: 26rpx;
-	padding-left: 26rpx;
+	padding-left: 40rpx;
 	padding-right: 40rpx;
-	margin-top: 98rpx;
+	margin-top: 100rpx;
 	box-shadow: 0 10rpx 30rpx 10rpx #EAEDF0;
 	position: relative;
 }
 .main_con .title{
 	text-align: center;
 	color: #6AD6A8;
-	font-size: 36rpx;
-	padding-top: 100rpx;
+	font-size: 32rpx;
+	padding-top: 60rpx;
 }
 .flex{
 	display: flex;
@@ -28,7 +31,7 @@
    border-bottom: 2rpx solid #F6F8FD;
 }
 .main_con .title_con .text1{
-	font-size: 40rpx;
+	font-size: 28rpx;
 	font-size: 500;
 }
 .main_con .item{
@@ -40,7 +43,7 @@
 	color: #7D87A6;
 }
 .main_con .item .text2{
-	font-size: 32rpx;
+	font-size: 26rpx;
 	margin-top: 8rpx;
 	word-wrap: break-word;
 }
@@ -59,8 +62,8 @@
 	padding: 60rpx 0 !important;
 }
 .yuan{
-	width: 114rpx;
-	height: 114rpx;
+	width: 90rpx;
+	height: 90rpx;
 	border-radius: 50%;
 	background-color: #fff;
 	position: absolute;
@@ -69,8 +72,8 @@
 	transform: translateX(-50%);
 }
 .yuan .img1{
-	width: 82rpx;
-	height: 82rpx;
+	width: 70rpx;
+	height: 70rpx;
 	position: absolute;
 	top: 50%;
 	left: 50%;
@@ -108,6 +111,6 @@ width: 100%;
 	margin-top: 30rpx;
 }
 .scroll{
-	max-height: 1000rpx;
+	
 	overflow-y: scroll;
 }
\ No newline at end of file
diff --git a/pages/menu/transction/detail/index.vue b/pages/menu/transction/detail/index.vue
index 9702c20..dcf45ce 100644
--- a/pages/menu/transction/detail/index.vue
+++ b/pages/menu/transction/detail/index.vue
@@ -24,7 +24,7 @@
 							{{info.value}} {{info.network}}
 						</view>
 					</view>
-					<view class="item">
+					<view class="title_con flex">
 						<view class="text1">
 							Time
 						</view>
@@ -32,14 +32,15 @@
 							{{info.time}}
 						</view>
 					</view>
-					<view class="item">
-						<view class="text1">
+					<view class="title_con flex">
+						<view class="text2">
 							Tx Fee
 						</view>
 						<view class="text2">
 							{{info.fee}} {{info.network}}
 						</view>
 					</view>
+					
 					<view class="item">
 						<view class="text1">
 							Transaction ID
diff --git a/pages/menu/wallet/index.css b/pages/menu/wallet/index.css
index 384afdf..66b66f6 100644
--- a/pages/menu/wallet/index.css
+++ b/pages/menu/wallet/index.css
@@ -1,4 +1,14 @@
-
+.head{
+	background: #FAFAFA !important;
+	position: sticky;
+	/* #ifdef H5 */
+	top: 80rpx;
+	/* #endif */
+	/* #ifndef H5 */
+	top: 0;
+	/* #endif */
+	z-index: 999;
+}
 .renYou{
 	width: 36rpx;
 	height: 20rpx;
diff --git a/pages/menu/wallet/index.vue b/pages/menu/wallet/index.vue
index 809216b..7bb6eeb 100644
--- a/pages/menu/wallet/index.vue
+++ b/pages/menu/wallet/index.vue
@@ -1,6 +1,6 @@
 <template>
 	<view class="">
-		<navigation :showBack="false" :bgnum="true">
+		<navigation :showBack="false" :bgnum="true" class="head">
 			<image src="../../../static/tongyonh/san.png" mode="aspectFit" class="renYou" slot="logo"
 				@click="goCwallet()"></image>
 			<image src="../../../static/tongyonh/erwei.png" mode="aspectFit" class="renYou2" slot="logo"