From c3f94d1085424422c784bc0674a1771f6039cb65 Mon Sep 17 00:00:00 2001
From: "[liang]" <[595996918@qq.com]>
Date: Thu, 25 Aug 2022 16:19:59 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E5=88=92=E5=8A=A8=E7=A9=BF?=
 =?UTF-8?q?=E9=80=8F=E9=97=AE=E9=A2=98,=E4=BF=AE=E6=94=B9markets=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/tabBar/tabBar.vue    |  23 +++--
 pages/charity/details.vue       |   2 +-
 pages/home/index.vue            |   6 +-
 pages/markets/index.vue         |   1 -
 pages/markets/trade.vue         | 146 +++++++++++++++++++++++++++++++-
 pages/me/transfer.vue           |   4 +-
 pages/recharge/recharge.vue     |   2 +-
 pages/withdrawal/addAddress.vue |   2 +-
 pages/withdrawal/withdrawal.vue |   2 +-
 static/maskets/menu.png         | Bin 0 -> 209 bytes
 10 files changed, 169 insertions(+), 19 deletions(-)
 create mode 100644 static/maskets/menu.png

diff --git a/components/tabBar/tabBar.vue b/components/tabBar/tabBar.vue
index 15253f2..9e6426e 100644
--- a/components/tabBar/tabBar.vue
+++ b/components/tabBar/tabBar.vue
@@ -37,7 +37,8 @@
 			<view class="tabbar_item" @click="goToPage(4)">
 				<view class="uni-tabbar_bd">
 					<view class="uni-tabbar_icon">
-						<image :src="`/static/tabBar/${selectActive == 4 ? 'ic_subscription_pr' : 'ic_subscription_de'}.png`"
+						<image
+							:src="`/static/tabBar/${selectActive == 4 ? 'ic_subscription_pr' : 'ic_subscription_de'}.png`"
 							mode="aspectFit" class="img1"></image>
 					</view>
 					<view class="uni-tabbar_label" :class="['text', selectActive == 4 ? 'active' : '']">
@@ -64,9 +65,6 @@
 const COMPONENT_NAME = 'tabBar'
 export default {
 	name: COMPONENT_NAME,
-
-
-
 	props: {
 		selectActive: {
 			type: Number,
@@ -74,6 +72,12 @@ export default {
 				return 1
 			}
 		},
+		isTarde: {
+			type: Boolean,
+			default() {
+				return false
+			}
+		},
 	},
 	data() {
 		return {
@@ -87,7 +91,6 @@ export default {
 	mounted() {
 	},
 	methods: {
-
 		goToPage(num) {
 			let url = '/pages/home/index';
 			switch (+num) {
@@ -110,6 +113,16 @@ export default {
 				default:
 					break;
 			}
+			if (this.isTarde) { // 如果是在交易页面,则返回上一级即可
+				// #ifdef H5
+				history.back()
+				// #endif
+
+				// #ifdef APP-PLUS	
+				uni.navigateBack()
+				// #endif
+				return;
+			}
 			uni.reLaunch({
 				url,
 			})
diff --git a/pages/charity/details.vue b/pages/charity/details.vue
index 04587e5..c762cbb 100644
--- a/pages/charity/details.vue
+++ b/pages/charity/details.vue
@@ -95,7 +95,7 @@
                     <view class="content">
                         <view class="close" @click="USDTPopupShow = false"></view>
                         <scroll-view scroll-y="true" style="height: 580rpx;" scroll-with-animation="true"
-                            @touchmove.stop>
+                            @touchmove.stop.prevent="">
                             <radio-group class="radioGroup" @change="radioChange" v-model="radioValue">
                                 <label class="checkBox" v-for="(item, index) in 40" :key="index">
                                     <view class="icon">
diff --git a/pages/home/index.vue b/pages/home/index.vue
index 09b3459..5e42fb1 100644
--- a/pages/home/index.vue
+++ b/pages/home/index.vue
@@ -50,8 +50,8 @@ Blame
 		<view class="steps">
 			<view class="content">
 				<view class="title">{{ i18n.TodaySteps }}</view>
-				<view id="chart" :stepsNum="stepsNum" :stepTarget="stepTarget"
-									:change:stepTarget="echarts.receive" :change:stepsNum="echarts.receive"
+				<view id="chart" :stepsNum="stepsNum" :stepTarget="stepTarget"
+									:change:stepTarget="echarts.receive" :change:stepsNum="echarts.receive"
 									style="width: 280rpx;height:280rpx; font-size: 40rpx;"></view>
 				<!-- <canvas id="chart" ref="chart" style="width: 280rpx;height:280rpx; font-size: 40rpx;"></canvas> -->
 				<u-button class="button" color="#00E8A2">{{ i18n.ReceiveEarnings }}</u-button>
@@ -75,7 +75,7 @@ Blame
 				margin: 'auto 102rpx auto 118rpx',
 			}">
 			<view class="content">
-				<scroll-view scroll-y="true" style="height: 288rpx;" scroll-with-animation="true" @touchmove.stop>
+				<scroll-view scroll-y="true" style="height: 288rpx;" scroll-with-animation="true" @touchmove.stop.prevent="">
 					{{ i18n.homeMessage }}
 				</scroll-view>
 				<u-button class="button" color="#00E8A2" @click="popupShow = false">OK</u-button>
diff --git a/pages/markets/index.vue b/pages/markets/index.vue
index 52ca296..babbebd 100644
--- a/pages/markets/index.vue
+++ b/pages/markets/index.vue
@@ -118,7 +118,6 @@ export default {
                 line-height: 64rpx;
                 font-size: 28rpx;
                 color: #A1A0A8;
-                text-align: center;
             }
 
             .priceChange {
diff --git a/pages/markets/trade.vue b/pages/markets/trade.vue
index b75d23c..4629ea2 100644
--- a/pages/markets/trade.vue
+++ b/pages/markets/trade.vue
@@ -1,7 +1,9 @@
 <template>
     <view class="main">
         <!-- nav -->
-        <navigation>{{ 'BTC/USDT' }}<view slot="right" class="right" @click="goto('kLine')"></view>
+        <navigation :showBack="false">
+            <view class="leftMenuBtn" @click="popupShow = true">{{ 'BTC/USDT' }}</view>
+            <view slot="right" class="right" @click="goto('kLine')"></view>
         </navigation>
         <view class="content">
             <view class="transactionSide">
@@ -11,9 +13,34 @@
                 <positionList v-on:depthChange="depthChange"></positionList>
             </view>
         </view>
-        <view class="gap">
+        <view class="orderList">
             <entrustOrderList></entrustOrderList>
         </view>
+
+        <u-popup class="popup" :show="popupShow" mode="left" @close="popupShow = false" @open="popupShow = true"
+            bgColor="#15141F">
+            <view class="popupContent">
+                <!-- nav -->
+                <view class="head">
+                    <text class="item">{{ i18n.TrandingPair }}</text>
+                    <text class="center">{{ i18n.LatestPrice }}</text>
+                    <text class="item">{{ i18n.RiseAndfall }}</text>
+                </view>
+                <!-- 列表 -->
+                <view class="coinList">
+                    <scroll-view scroll-y="true" style="height: 86vh;" scroll-with-animation="true" @touchmove.stop.prevent="">
+                        <view class="coin" v-for="(item, index) in 20" :key="index" @click="goto(item)">
+                            <view class="name">BTC/USDT</view>
+                            <view class="price">{{ 5145 * index * index * index }}</view>
+                            <view class="priceChange" :class="{ 'down': index % 2 === 0 }">500.30%</view>
+                        </view>
+                    </scroll-view>
+
+                </view>
+            </view>
+        </u-popup>
+        <!-- tabBar -->
+        <tab-bar :selectActive="2" :isTarde="true"></tab-bar>
     </view>
 </template>
 
@@ -22,7 +49,7 @@ export default {
     name: "trade",
     data() {
         return {
-
+            popupShow: false,
         };
     },
     computed: {
@@ -31,7 +58,6 @@ export default {
         },
     },
     onLoad() {
-
     },
     onShow() { },
     methods: {
@@ -58,6 +84,21 @@ export default {
 
 <style lang="scss" scoped>
 .main {
+    padding-bottom: 198rpx; // 避免底部TabBar盖住内容
+
+    .leftMenuBtn {
+        width: 48rpx;
+        height: 48rpx;
+        position: absolute;
+        left: 32rpx;
+        font-size: 24rpx;
+        background-image: url(../../static/maskets/menu.png);
+        background-repeat: no-repeat;
+        background-size: 48rpx;
+        padding-left: 54rpx;
+        font-size: 34rpx;
+        font-weight: normal;
+    }
 
     .right {
         width: 48rpx;
@@ -93,6 +134,103 @@ export default {
 
     }
 
+    .orderList {}
+
+    .popup {
+        .popupContent {
+            width: 586rpx;
+            font-size: 24rpx;
+
+            .head {
+                margin-top: 108rpx;
+                color: #818197;
+                margin-left: 16rpx;
+                display: flex;
+
+                .center {
+                    width: 190rpx;
+                    padding-left: 30rpx;
+                    font-size: 24rpx;
+                }
+
+                .item {
+                    font-size: 24rpx;
+                }
+            }
+
+            .coinList {
+                margin: 0rpx 32rpx 0;
+                overflow: hidden;
+
+                .coin {
+                    overflow: hidden;
+                    position: relative;
+                    height: 64rpx;
+                    padding: 12rpx 0;
+                    font-size: 24rpx;
+
+                    .name {
+                        display: inline-block;
+                        width: 180rpx;
+                        height: 100%;
+                        line-height: 64rpx;
+                        font-size: 24rpx;
+                    }
+
+                    .price {
+                        display: inline-block;
+                        width: 180rpx;
+                        height: 100%;
+                        line-height: 64rpx;
+                        font-size: 24rpx;
+                        // text-align: center;
+                    }
+
+                    .priceChange {
+                        position: absolute;
+                        right: 0;
+                        display: inline-block;
+                        width: 164rpx;
+                        height: 64rpx;
+                        border-radius: 20rpx;
+                        line-height: 64rpx;
+                        background-color: $mainColor;
+                        font-size: 24rpx;
+                        text-align: right;
+                        padding-right: 16rpx;
+                        box-sizing: border-box;
+
+
+                        &::before {
+                            display: block;
+                            position: absolute;
+                            content: '';
+                            background-image: url(../../static/maskets/ic_arrow_up.png);
+                            background-repeat: no-repeat;
+                            background-size: contain;
+                            width: 28rpx;
+                            height: 28rpx;
+                            top: 18rpx;
+                            left: 16rpx;
+                        }
+
+
+                        &.down {
+                            background-color: $assistRed;
+
+                            &::before {
+                                background-image: url(../../static/maskets/ic_arrow_down.png);
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+
+
+    }
+
 
 
 
diff --git a/pages/me/transfer.vue b/pages/me/transfer.vue
index 5859f77..e966ca2 100644
--- a/pages/me/transfer.vue
+++ b/pages/me/transfer.vue
@@ -51,7 +51,7 @@
                 @open="USDTPopupShow = true" bgColor="#211F32">
                 <view class="content">
                     <view class="close" @click="USDTPopupShow = false"></view>
-                    <scroll-view scroll-y="true" style="height: 432rpx;" scroll-with-animation="true" @touchmove.stop>
+                    <scroll-view scroll-y="true" style="height: 432rpx;" scroll-with-animation="true" @touchmove.stop.prevent="">
                         <radio-group class="radioGroup" @change="USDTRadioChange" v-model="USDTRadioValue">
                             <label class="checkBox" v-for="(item, index) in 10" :key="index">
                                 <view class="icon">
@@ -78,7 +78,7 @@
                 @close="accountPopupShow = false" @open="accountPopupShow = true" bgColor="#211F32">
                 <view class="content">
                     <view class="close" @click="accountPopupShow = false"></view>
-                    <scroll-view scroll-y="true" style="height: 200rpx;" scroll-with-animation="true" @touchmove.stop>
+                    <scroll-view scroll-y="true" style="height: 200rpx;" scroll-with-animation="true" @touchmove.stop.prevent="">
                         <radio-group class="radioGroup" @change="accountRadioChange" v-model="accountRadioValue">
                             <label class="checkBox" v-for="(item, index) in 3" :key="index">
                                 <view class="name">Option account</view>
diff --git a/pages/recharge/recharge.vue b/pages/recharge/recharge.vue
index b960639..a14da98 100644
--- a/pages/recharge/recharge.vue
+++ b/pages/recharge/recharge.vue
@@ -46,7 +46,7 @@
                 @open="USDTPopupShow = true" bgColor="#211F32">
                 <view class="content">
                     <view class="close" @click="USDTPopupShow = false"></view>
-                    <scroll-view scroll-y="true" style="height: 432rpx;" scroll-with-animation="true" @touchmove.stop>
+                    <scroll-view scroll-y="true" style="height: 432rpx;" scroll-with-animation="true" @touchmove.stop.prevent="">
                         <radio-group class="radioGroup" @change="USDTRadioChange" v-model="USDTRadioValue">
                             <label class="checkBox" v-for="(item, index) in 10" :key="index">
                                 <view class="icon">
diff --git a/pages/withdrawal/addAddress.vue b/pages/withdrawal/addAddress.vue
index ff2b925..06ee041 100644
--- a/pages/withdrawal/addAddress.vue
+++ b/pages/withdrawal/addAddress.vue
@@ -35,7 +35,7 @@
                 @open="USDTPopupShow = true" bgColor="#211F32">
                 <view class="content">
                     <view class="close" @click="USDTPopupShow = false"></view>
-                    <scroll-view scroll-y="true" style="height: 432rpx;" scroll-with-animation="true" @touchmove.stop>
+                    <scroll-view scroll-y="true" style="height: 432rpx;" scroll-with-animation="true" @touchmove.stop.prevent="">
                         <radio-group class="radioGroup" @change="USDTRadioChange" v-model="USDTRadioValue">
                             <label class="checkBox" v-for="(item, index) in 10" :key="index">
                                 <view class="icon">
diff --git a/pages/withdrawal/withdrawal.vue b/pages/withdrawal/withdrawal.vue
index 16ead8e..2c9efc6 100644
--- a/pages/withdrawal/withdrawal.vue
+++ b/pages/withdrawal/withdrawal.vue
@@ -70,7 +70,7 @@
                 @open="USDTPopupShow = true" bgColor="#211F32">
                 <view class="content">
                     <view class="close" @click="USDTPopupShow = false"></view>
-                    <scroll-view scroll-y="true" style="height: 432rpx;" scroll-with-animation="true" @touchmove.stop>
+                    <scroll-view scroll-y="true" style="height: 432rpx;" scroll-with-animation="true" @touchmove.stop.prevent="">
                         <radio-group class="radioGroup" @change="USDTRadioChange" v-model="USDTRadioValue">
                             <label class="checkBox" v-for="(item, index) in 10" :key="index">
                                 <view class="icon">
diff --git a/static/maskets/menu.png b/static/maskets/menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..fb878525a3898d5679b75322a093548598a64823
GIT binary patch
literal 209
zcmeAS@N?(olHy`uVBq!ia0vp^9w5xY1|&n@ZgvM!oCO|{#S9FJ79h;%I?XTvD9BhG
z<nF|<?wrg^AcrO0(btiIVPik{pF~z5Kh4v{F{Fa=?X8WR2Ml;z9W8&qpHtCPljzg&
za9!9}E6z|xpdyBn-g6ghulDz>v?~%_&%y<UObiX8?(?k6Ue57dBh}~tfeZ{A4wbtn
hT;+f(0_wi;jM4NVkJ4qAMSDPodAj<!taD0e0sz&XI^zHU

literal 0
HcmV?d00001