.

src/main/nine-space/src/router/index.js

@@ -429,6 +429,14 @@ const routes = [
         meta: {
             title: '第九空间'
         }
+    },
+    {
+        path: '/mineExchange',
+        name: 'mineExchange',
+        component: () => import('../views/user/Exchange.vue'),
+        meta: {
+            title: '第九空间'
+        }
     }
 ];
 

src/main/nine-space/src/views/Mine.vue

@@ -122,7 +122,7 @@
                     <van-icon :name="require('@assets/icon_dizhi.png')" class="search-icon" />
                 </template>
             </van-grid-item>
-            <van-grid-item text="交易历史" @click="wait">
+            <van-grid-item text="交易历史" :to="{ path: '/mineExchange' }">
                 <template #icon>
                     <van-icon :name="require('@assets/info_icon_jiaoyijilu.png')" class="search-icon" />
                 </template>

src/main/nine-space/src/views/user/Exchange.vue

@@ -0,0 +1,70 @@
+<template>
+    <div class="search">
+        <van-list
+            class="list"
+            v-model:loading="loading"
+            :immediate-check="false"
+            :finished="finished"
+            finished-text=""
+            @load="getData"
+        >
+            <template v-for="(item, index) in list" :key="index">
+                <div class="exchange">
+                    <div class="text1">作品赠送</div>
+                </div>
+            </template>
+            <div class="exchange">
+                <div class="text1">作品赠送</div>
+                <div class="text2 van-ellipsis">游戏《百分之一》精美皮肤…</div>
+                <div class="text2">
+                    <span>来源：是奶盖吖</span> <span>去向 ：奶盖</span>
+                    <span class="flex1"></span>
+                    <span>09-03 09:56</span>
+                </div>
+            </div>
+            <van-empty v-if="empty" description="暂无交易历史哦~" :image="require('@assets/kong_png_wusousuo.png')" />
+        </van-list>
+    </div>
+</template>
+
+<script>
+import list from '../../mixins/list';
+export default {
+    name: 'Search',
+    mixins: [list],
+    data() {
+        return {
+            list: [],
+            empty: false,
+            url: '/collection/all'
+        };
+    }
+};
+</script>
+
+<style lang="less" scoped>
+.exchange {
+    padding: 14px 16px 15px;
+    .text1 {
+        font-size: 14px;
+        color: #ffffff;
+        line-height: 20px;
+    }
+    .text2 {
+        font-size: 12px;
+        color: #969799;
+        line-height: 17px;
+        .flex();
+
+        span + span {
+            margin-left: 20px;
+        }
+    }
+
+    .van-ellipsis {
+        width: 50%;
+        margin: 5px 0 2px;
+    }
+    border-top: 1px solid #202122;
+}
+</style>