1025

src/main/nine-space/public/index.html

@@ -23,15 +23,5 @@
         </noscript>
         <div id="app"></div>
         <!-- built files will be auto injected -->
-
-        <script>
-            document.body.addEventListener(
-                'touchmove',
-                function (e) {
-                    //e.preventDefault()
-                },
-                { passive: false }
-            );
-        </script>
     </body>
 </html>

src/main/nine-space/src/App.vue

@@ -1,104 +1,32 @@
 <template>
     <div class="scroll-wrapper" ref="scroll">
+        <app-bar ref="bar"></app-bar>
         <router-view class="scroll-content" ref="content" />
-
-        <!-- <app-bar></app-bar> -->
     </div>
 </template>
 
 <script>
-import BetterScroll from 'better-scroll';
-import Pulldown from '@better-scroll/pull-down';
-import { computed } from '@vue/reactivity';
-BetterScroll.use(Pulldown);
+import AppBar from './components/AppBar.vue';
+import { computed } from 'vue';
 export default {
+    components: { AppBar },
     name: 'App',
     provide() {
         return {
-            changeCheck: this.changeCheck,
-            bs: computed(() => this.bs),
-            setKeeps: this.setKeeps
+            setKeeps: this.setKeeps,
+            bar: computed(() => this.$refs.bar),
+            content: computed(() => this.$refs.content)
         };
     },
     data() {
         return {
-            beforePullDown: true,
-            finished: false,
-            loading: false,
-            refreshing: false,
             checkEvent: null,
-            bs: null,
-            timer: null,
             keeps: []
         };
     },
-    watch: {
-        $route() {
-            if (this.bs) {
-                if (this.timer) {
-                    clearTimeout(this.timer);
-                }
-                this.timer = setTimeout(() => {
-                    this.bs.refresh();
-                    this.bs.scrollTo(0, 0);
-                }, 100);
-            }
-        }
-    },
-    mounted() {
-        this.timer = setTimeout(() => {
-            this.init();
-        }, 1000);
-    },
     methods: {
         setKeeps(keeps) {
-            console.log(keeps);
             this.keeps = keeps;
-        },
-        init() {
-            // this.bs = new BetterScroll(this.$refs.scroll, {
-            //     scrollY: true,
-            //     click: true,
-            //     bounce: false
-            // });
-        },
-        onLoad() {
-            this.loading = true;
-            if (this.checkEvent) {
-                this.checkEvent()
-                    .then(() => {
-                        this.loading = false;
-                        this.bs.finishPullUp();
-                        this.bs.closePullUp();
-                        this.bs.refresh();
-                    })
-                    .catch(() => {
-                        this.bs.finishPullUp();
-                        this.loading = false;
-                        this.bs.refresh();
-                    });
-            } else {
-                this.loading = false;
-                if (this.bs) {
-                    this.bs.finishPullUp();
-                    // this.bs.closePullUp();
-                    this.bs.refresh();
-                }
-            }
-        },
-        changeCheck(found) {
-            if (found) {
-                this.checkEvent = found;
-                this.onRefresh();
-            } else {
-                this.checkEvent = null;
-            }
-        },
-        onRefresh() {
-            if (this.bs) {
-                this.bs.openPullUp();
-            }
-            this.onLoad();
         }
     }
 };

src/main/nine-space/src/assets/svgs/tabbar_icon_01.svg

@@ -1,15 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>tabbar_icon_01</title>
-    <g id="第九空间" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="铸造者" transform="translate(-39.000000, -734.000000)" stroke="#939599">
-            <g id="编组" transform="translate(0.000000, 729.000000)">
-                <g id="标签一" transform="translate(25.000000, 2.000000)">
-                    <g id="编组" transform="translate(14.000000, 3.000000)">
-                        <path d="M15.0742105,4.34449528 L22.7931579,9.86649134 C23.5506413,10.4083693 24,11.2807347 24,12.2100545 L24,21.1148076 C24,22.7082207 22.7039474,24 21.1052632,24 L17.1578947,24 L10.8421053,24 L6.89473684,24 C5.29605262,24 4,22.7082207 4,21.1148076 L4,12.2103168 C4,11.2809044 4.44928332,10.4084232 5.2068421,9.86649134 L12.9257895,4.34449528 C13.5677895,3.88516824 14.4322105,3.88516824 15.0742105,4.34449528 Z" id="路径" stroke-width="1.6" fill-rule="nonzero"></path>
-                        <path d="M11,19 C11.7265039,19.745132 12.7413298,20.2078251 13.8642233,20.2078251 C14.9802471,20.2078251 15.9895213,19.7507762 16.7150801,19.0136444" id="路径" stroke-width="2" stroke-linecap="round"></path>
-                    </g>
-                </g>
+    <g id="控件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="06-tabbar/icon/01" transform="translate(-14.000000, -5.000000)" stroke="#FFFFFF">
+            <g id="编组" transform="translate(14.000000, 5.000000)">
+                <path d="M15.0742105,4.34449528 L22.7931579,9.86649134 C23.5506413,10.4083693 24,11.2807347 24,12.2100545 L24,21.1148076 C24,22.7082207 22.7039474,24 21.1052632,24 L17.1578947,24 L10.8421053,24 L6.89473684,24 C5.29605262,24 4,22.7082207 4,21.1148076 L4,12.2103168 C4,11.2809044 4.44928332,10.4084232 5.2068421,9.86649134 L12.9257895,4.34449528 C13.5677895,3.88516824 14.4322105,3.88516824 15.0742105,4.34449528 Z" id="路径" stroke-width="1.6" fill-rule="nonzero"></path>
+                <path d="M11,19 C11.7265039,19.745132 12.7413298,20.2078251 13.8642233,20.2078251 C14.9802471,20.2078251 15.9895213,19.7507762 16.7150801,19.0136444" id="路径" stroke-width="2" stroke-linecap="round"></path>
             </g>
         </g>
     </g>

src/main/nine-space/src/assets/svgs/tabbar_icon_02.svg

@@ -1,23 +1,19 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="30px" height="28px" viewBox="0 0 30 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>tabbar_icon_02</title>
     <defs>
         <filter id="filter-1">
-            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 0.576000 0 0 0 0 0.584000 0 0 0 0 0.600000 0 0 0 1.000000 0"></feColorMatrix>
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"></feColorMatrix>
         </filter>
     </defs>
-    <g id="第九空间" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="首页-01" transform="translate(-128.000000, -2254.000000)">
-            <g id="编组" transform="translate(0.000000, 2249.000000)">
-                <g id="标签二" transform="translate(113.000000, 2.000000)">
-                    <g id="编组" transform="translate(15.526316, 3.000000)" filter="url(#filter-1)">
-                        <g transform="translate(4.140351, 4.000000)">
-                            <path d="M20.5048506,5.75789391 C20.5048506,5.74815629 20.4945,5.73841869 20.4945,5.72868107 C20.4841495,5.66051777 20.4530978,5.5923545 20.4220462,5.53392883 L18.703854,1.41491875 C18.3726362,0.528796011 17.4824884,-0.0457231171 16.5095362,0.00296493763 L4.23377733,0.00296493763 C3.29187676,-0.0457231171 2.4224301,0.509320794 2.11191343,1.3662307 C0.8422453,4.26154747 0.207411234,5.7254352 0.207411234,5.75789391 C0.0728540037,6.15713601 0.000400131146,6.57585335 0.000400106886,6.9945707 C-0.0306515597,9.13684545 1.749644,10.8896157 3.96466289,10.9090909 L4.11992122,10.9090909 C5.33093622,10.9090909 6.46949732,10.3929975 7.24578898,9.50687471 C8.68451621,11.1622688 11.251454,11.3764963 12.9592956,9.98401773 C13.1352551,9.83795355 13.3112145,9.67241414 13.4561223,9.50687471 C14.2427645,10.3929975 15.3813256,10.8993533 16.5819901,10.8993533 L16.5923406,10.8993533 C17.2754773,10.9090909 17.9482634,10.7532891 18.5589462,10.4514231 C20.2978395,9.53608755 21.1051828,7.56908985 20.5048506,5.75789391 Z" id="路径" stroke="#979797" stroke-width="1.6" fill-rule="nonzero"></path>
-                            <path d="M13.4561404,11.9411765 C13.4333114,11.9705883 13.3990679,12.0294118 13.3648244,12.0588235 L13.5474564,12.0588235 C13.5132128,12.0294117 13.4903839,11.9705882 13.4561404,11.9411765 Z" id="路径" fill="#4C4C4C" fill-rule="nonzero"></path>
-                            <path d="M18.6315789,13.358427 L18.6315789,18.4791393 C18.6315789,19.031424 18.219646,19.4791393 17.711501,19.4791393 L2.99025341,19.4791393 C2.48210838,19.4791393 2.07017544,19.031424 2.07017544,18.4791393 L2.07017544,13.4174643" id="路径" stroke="#FFFFFF" stroke-width="1.6" stroke-linecap="round"></path>
-                            <path d="M15.6726558,6.6 L5.02909862,6.6 C4.53653963,6.6 4.14035088,6.24 4.14035088,5.79999999 C4.14035088,5.35999997 4.53653963,5 5.02909862,5 L15.6726558,5 C16.1652148,5 16.5614035,5.36 16.5614035,5.79999999 C16.5614035,6.23999998 16.1652148,6.6 15.6726558,6.6 L15.6726558,6.6 Z" id="路径" fill="#939599" fill-rule="nonzero"></path>
-                        </g>
-                    </g>
+    <g id="控件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="06-tabbar/icon/02" transform="translate(-15.000000, -5.000000)">
+            <g id="编组" transform="translate(15.000000, 5.000000)" filter="url(#filter-1)">
+                <g transform="translate(4.000000, 4.000000)">
+                    <path d="M19.8097709,5.75789391 C19.8097709,5.74815629 19.7997712,5.73841869 19.7997712,5.72868107 C19.7897715,5.66051777 19.7597725,5.5923545 19.7297734,5.53392883 L18.069825,1.41491875 C17.749835,0.528796011 16.8898617,-0.0457231171 15.9498909,0.00296493763 L4.09025945,0.00296493763 C3.18028772,-0.0457231171 2.34031383,0.509320794 2.04032315,1.3662307 C0.813694612,4.26154747 0.200380344,5.7254352 0.200380344,5.75789391 C0.0703843764,6.15713601 0.000386567378,6.57585335 0.000386543941,6.9945707 C-0.0296125238,9.13684545 1.69033403,10.8896157 3.83026754,10.9090909 L3.98026288,10.9090909 C5.15022652,10.9090909 6.25019232,10.3929975 7.00016902,9.50687471 C8.39012583,11.1622688 10.8700488,11.3764963 12.5199975,9.98401773 C12.6899922,9.83795355 12.8599869,9.67241414 12.9999826,9.50687471 C13.7599589,10.3929975 14.8599248,10.8993533 16.0198887,10.8993533 L16.0298884,10.8993533 C16.6898679,10.9090909 17.3398477,10.7532891 17.9298294,10.4514231 C19.6097772,9.53608755 20.3897529,7.56908985 19.8097709,5.75789391 Z" id="路径" stroke="#FFFFFF" stroke-width="1.6" fill-rule="nonzero"></path>
+                    <path d="M13,11.9411765 C12.9779449,11.9705883 12.9448622,12.0294118 12.9117795,12.0588235 L13.0882205,12.0588235 C13.0551378,12.0294117 13.0330827,11.9705882 13,11.9411765 Z" id="路径" fill="#4C4C4C" fill-rule="nonzero"></path>
+                    <path d="M18,13.358427 L18,18.4791393 C18,19.031424 17.6020309,19.4791393 17.1111111,19.4791393 L2.88888889,19.4791393 C2.39796911,19.4791393 2,19.031424 2,18.4791393 L2,13.4174643" id="路径" stroke="#FFFFFF" stroke-width="1.6" stroke-linecap="round"></path>
+                    <path d="M15.1413793,6.6 L4.8586207,6.6 C4.38275863,6.6 4,6.24 4,5.79999999 C4,5.35999997 4.38275863,5 4.8586207,5 L15.1413793,5 C15.6172414,5 16,5.36 16,5.79999999 C16,6.23999998 15.6172414,6.6 15.1413793,6.6 L15.1413793,6.6 Z" id="路径" fill="#939599" fill-rule="nonzero"></path>
                 </g>
             </g>
         </g>

src/main/nine-space/src/assets/svgs/tabbar_icon_03.svg

@@ -1,17 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="29px" height="28px" viewBox="0 0 29 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>tabbar_icon_03</title>
-    <g id="第九空间" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="首页-01" transform="translate(-218.000000, -1764.000000)" fill-rule="nonzero">
-            <g id="编组" transform="translate(0.000000, 1759.000000)">
-                <g id="标签三" transform="translate(204.000000, 2.000000)">
-                    <g id="编组-2" transform="translate(14.250000, 3.000000)">
-                        <g id="编组-3" transform="translate(3.053571, 5.000000)">
-                            <polygon id="路径" stroke="#939599" stroke-width="1.6" stroke-linejoin="round" points="8.15012999 0 0 0 0 18.7407407 22.3928571 18.7407407 22.3928571 0"></polygon>
-                            <polygon id="路径" stroke="#939599" stroke-width="1.6" stroke-linejoin="round" points="8.14285714 3.03886616 8.14285714 15.259869 22.2420635 17.2962963 22.2420635 1"></polygon>
-                            <path d="M11.3633845,10.4050462 C10.6762828,10.4050462 10.1193369,9.85787126 10.1193369,9.18282395 C10.1193369,8.50777664 10.6762828,7.96060173 11.3633845,7.96060173 C12.0504863,7.96060173 12.6074322,8.50777664 12.6074322,9.18282395 C12.6074322,9.85787126 12.0504863,10.4050462 11.3633845,10.4050462 Z" id="路径" fill="#939599"></path>
-                        </g>
-                    </g>
+    <g id="控件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="06-tabbar/icon/03" transform="translate(-14.000000, -5.000000)" fill-rule="nonzero">
+            <g id="编组-2" transform="translate(14.000000, 5.000000)">
+                <g id="编组-3" transform="translate(3.000000, 5.000000)">
+                    <path d="M0,2 L0,16.7407407 C1.3527075e-16,17.8453102 0.8954305,18.7407407 2,18.7407407 L20,18.7407407 C21.1045695,18.7407407 22,17.8453102 22,16.7407407 L22,2 C22,0.8954305 21.1045695,1.75920346e-15 20,0 L2,0 C0.8954305,2.02906125e-16 -1.3527075e-16,0.8954305 0,2 Z" id="路径" stroke="#FFFFFF" stroke-width="1.6" stroke-linejoin="round"></path>
+                    <path d="M8,3.90244982 L8,14.3961349 C8,14.8922394 8.36372001,15.3133412 8.85454864,15.3855003 L19.5609491,16.9594997 C20.653772,17.1201608 21.6699215,16.3644944 21.8305827,15.2716716 C21.8447432,15.1753509 21.8518519,15.0781249 21.8518519,14.9807689 L21.8518519,3.31593081 C21.8518519,2.21136131 20.9564214,1.31593081 19.8518519,1.31593081 C19.7543808,1.31593081 19.6570402,1.32305625 19.5606081,1.33725016 L8.85437813,2.9131095 C8.36362665,2.98534364 8,3.40641072 8,3.90244982 Z" id="路径" stroke="#FFFFFF" stroke-width="1.6" stroke-linejoin="round"></path>
+                    <path d="M11.7159638,10.4050462 C11.0409165,10.4050462 10.4937416,9.85787126 10.4937416,9.18282395 C10.4937416,8.50777664 11.0409165,7.96060173 11.7159638,7.96060173 C12.3910111,7.96060173 12.938186,8.50777664 12.938186,9.18282395 C12.938186,9.85787126 12.3910111,10.4050462 11.7159638,10.4050462 Z" id="路径" fill="#FFFFFF"></path>
                 </g>
             </g>
         </g>

src/main/nine-space/src/assets/svgs/tabbar_icon_04.svg

@@ -1,16 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="29px" height="28px" viewBox="0 0 29 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>tabbar_icon_04</title>
-    <g id="第九空间" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="首页-01" transform="translate(-307.000000, -1764.000000)" stroke="#939599" stroke-width="1.6">
-            <g id="编组" transform="translate(0.000000, 1759.000000)">
-                <g id="标签四" transform="translate(293.000000, 2.000000)">
-                    <g id="编组" transform="translate(14.250000, 3.000000)">
-                        <g id="编组-2" transform="translate(5.089286, 3.000000)">
-                            <path d="M7.21326619,9.61925392 C8.89299473,10.3029524 10.8163793,10.0542407 12.2588507,8.96681241 C13.7013221,7.8793841 14.4437171,6.11845869 14.2063638,4.34740442 C13.9690104,2.57635015 12.7879713,1.06425391 11.1081624,0.380746081 C9.42843384,-0.30295242 7.50504929,-0.0542407146 6.06257786,1.03318759 C4.62010643,2.1206159 3.87771147,3.88154131 4.1150648,5.65259558 C4.35241814,7.42364985 5.53345726,8.93574609 7.21326619,9.61925392 Z" id="路径" fill-rule="nonzero"></path>
-                            <rect id="矩形" x="0" y="12.6" width="19.3392857" height="9" rx="4.5"></rect>
-                        </g>
-                    </g>
+    <g id="控件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="06-tabbar/icon/04-pre" transform="translate(-14.000000, -5.000000)" stroke="#FFFFFF" stroke-width="1.6">
+            <g id="编组" transform="translate(14.000000, 5.000000)">
+                <g id="编组-2" transform="translate(5.000000, 3.000000)">
+                    <path d="M7.08671766,9.61925392 C8.73697728,10.3029524 10.6266182,10.0542407 12.0437832,8.96681241 C13.4609481,7.8793841 14.1903186,6.11845869 13.9571293,4.34740442 C13.7239401,2.57635015 12.5636209,1.06425391 10.9132823,0.380746081 C9.26302272,-0.30295242 7.37338175,-0.0542407146 5.95621684,1.03318759 C4.53905193,2.1206159 3.80968144,3.88154131 4.04287068,5.65259558 C4.27605992,7.42364985 5.43637906,8.93574609 7.08671766,9.61925392 Z" id="路径" fill-rule="nonzero"></path>
+                    <rect id="矩形" x="0" y="12.6" width="19" height="9" rx="4.5"></rect>
                 </g>
             </g>
         </g>

src/main/nine-space/src/components/AppBar.vue

@@ -1,28 +1,71 @@
 <template>
     <van-nav-bar
-        title="第九空间"
+        title=""
         fixed
         left-text=" "
         right-text=" "
         :left-arrow="false"
-        ref="bar"
+        v-if="show"
         z-index="20"
+        placeholder
         safe-area-inset-top
         :border="false"
-    />
+    >
+        <template #left>
+            <van-popover
+                v-model:show="showPopover"
+                placement="bottom-start"
+                theme="dark"
+                :actions="actions"
+                @select="onSelect"
+            >
+                <template #reference>
+                    <van-icon size="24" color="#fff" name="bars" />
+                </template>
+            </van-popover>
+        </template>
+    </van-nav-bar>
 </template>
 
 <script>
 export default {
+    data() {
+        return {
+            show: false,
+            showPopover: false,
+            actions: [
+                { text: '首页', icon: require('../assets/menu1.png'), value: '/home' },
+                { text: '发现', icon: require('../assets/menu2.png'), value: '/discover' },
+                { text: '柜子', icon: require('../assets/menu3.png'), value: '/store' },
+                { text: '我的', icon: require('../assets/menu4.png'), value: '/mine' },
+                { text: '上一页', icon: 'arrow-left', value: 'back' }
+            ]
+        };
+    },
+    watch: {
+        $route() {
+            if (this.$route.meta.menuPage) {
+                this.show = false;
+            } else {
+                this.show = true;
+            }
+        }
+    },
     mounted() {
-        this.$nextTick(() => {
-            document.body.appendChild(this.$refs.bar.$el);
-        });
+        if (this.$route.meta.menuPage) {
+            this.show = false;
+        } else {
+            this.show = true;
+        }
     },
-    unmounted() {
-        document.body.removeChild(this.$refs.bar.$el);
+    methods: {
+        onSelect(val) {
+            if (val.value === 'back') {
+                this.$router.go(-1);
+            } else {
+                this.$router.push(val.value);
+            }
+        }
     }
 };
 </script>
-
-<style lang="less" scoped></style>

src/main/nine-space/src/components/Post.vue

@@ -78,17 +78,6 @@ export default {
     components: {
         vueQrcode
     },
-    mounted() {
-        this.$nextTick(() => {
-            this.share = this.$refs.share;
-            document.body.appendChild(this.share);
-        });
-    },
-    beforeUnmount() {
-        if (this.share) {
-            document.body.removeChild(this.share);
-        }
-    },
     methods: {
         init() {
             if (!this.img) {

src/main/nine-space/src/components/product/productInfo.vue

@@ -18,7 +18,7 @@
             <div class="price"><i class="font_family icon-icon_jiage"></i>{{ info.price }}</div>
             <div class="text">
                 <div class="text1" v-if="info.type === 'BLIND_BOX'">
-                    <span>{{ info.sale }}/ </span>
+                    <span>{{ info.sale }}/</span>
                     <span>{{ info.stock }}</span>
                 </div>
                 <div class="flex1"></div>

src/main/nine-space/src/mixins/list.js

@@ -0,0 +1,10 @@
+export default {
+    data() {
+        return {
+            empty: false,
+            loading: false,
+            finished: false,
+            page: 0
+        };
+    }
+};

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

@@ -18,6 +18,7 @@ const routes = [
                 component: () => import('../views/Home.vue'),
                 meta: {
                     pageType: Page.Every,
+                    menuPage: true,
                     title: '第九空间'
                 }
             },
@@ -27,6 +28,7 @@ const routes = [
                 component: () => import('../views/Discover.vue'),
                 meta: {
                     pageType: Page.Every,
+                    menuPage: true,
                     title: '第九空间'
                 }
             },
@@ -36,6 +38,7 @@ const routes = [
                 component: () => import('../views/Creator.vue'),
                 meta: {
                     pageType: Page.Every,
+                    menuPage: true,
                     title: '第九空间'
                 }
             },
@@ -45,6 +48,7 @@ const routes = [
                 component: () => import('../views/Store.vue'),
                 meta: {
                     pageType: Page.Every,
+                    menuPage: true,
                     title: '第九空间'
                 }
             },
@@ -54,6 +58,7 @@ const routes = [
                 component: () => import('../views/Mine.vue'),
                 meta: {
                     pageType: Page.Every,
+                    menuPage: true,
                     title: '第九空间'
                 }
             }
@@ -65,6 +70,7 @@ const routes = [
         component: () => import('../views/account/Login.vue'),
         meta: {
             pageType: Page.Login,
+            menuPage: true,
             title: '登录'
         }
     },
@@ -74,6 +80,7 @@ const routes = [
         component: () => import('../views/account/Register.vue'),
         meta: {
             pageType: Page.Login,
+            menuPage: true,
             title: '注册'
         }
     },
@@ -83,6 +90,7 @@ const routes = [
         component: () => import('../views/account/Forget.vue'),
         meta: {
             pageType: Page.Login,
+            menuPage: true,
             title: '忘记密码'
         }
     },
@@ -269,7 +277,10 @@ const routes = [
 
 const router = createRouter({
     history: createWebHistory(process.env.BASE_URL),
-    routes
+    routes,
+    scrollBehavior(to, from, savedPosition) {
+        return { x: 0, y: 0 };
+    }
 });
 
 router.beforeEach((to, from, next) => {

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

@@ -1,6 +1,6 @@
 <template>
     <div class="discover">
-        <van-sticky ref="top" @change="change">
+        <van-sticky ref="top" :offset-top="bar.value.show ? 46 : 0">
             <div class="top">
                 <div class="top-btn">
                     <div class="btn" @click="$router.replace('/discover')">收藏探索</div>
@@ -37,7 +37,7 @@
 import CreatorInfo from '../components/creator/CreatorInfo.vue';
 export default {
     components: { CreatorInfo },
-
+    inject: ['bar'],
     data() {
         return {
             miners: [],
@@ -49,28 +49,7 @@ export default {
             empty: false
         };
     },
-    beforeUnmount() {
-        if (this.stiky.parentNode.nodeName == 'BODY') {
-            this.$nextTick(() => {
-                document.body.removeChild(this.stiky);
-            });
-        }
-    },
-    mounted() {
-        this.$nextTick(() => {
-            this.stiky = this.$refs.top.$el.childNodes[0];
-        });
-    },
     methods: {
-        change(isFixed) {
-            if (isFixed) {
-                this.$nextTick(() => {
-                    document.body.appendChild(this.stiky);
-                });
-            } else {
-                this.$refs.top.$el.appendChild(this.stiky);
-            }
-        },
         getList() {
             if (this.page === 0) {
                 this.miners = [];

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

@@ -1,6 +1,6 @@
 <template>
     <div class="discover">
-        <van-sticky ref="top" @change="change">
+        <van-sticky ref="top" :offset-top="bar.value.show ? 46 : 0">
             <div class="top">
                 <div class="top-btn">
                     <div class="btn active">收藏探索</div>
@@ -67,13 +67,7 @@
 
         <div class="title">本期推荐</div>
 
-        <van-list
-            class="box-list"
-            v-model:loading="loading"
-            :finished="finished"
-            finished-text=""
-            @load="getList"
-        >
+        <van-list class="box-list" v-model:loading="loading" :finished="finished" finished-text="" @load="getList">
             <template v-for="(item, index) in list" :key="item.id">
                 <product-info v-model:info="list[index]"></product-info>
             </template>
@@ -98,7 +92,7 @@ import ProductInfo from '../components/product/productInfo.vue';
 
 export default {
     name: 'discover',
-
+    inject: ['bar'],
     components: {
         Swiper,
         SwiperSlide,
@@ -115,17 +109,7 @@ export default {
             empty: false
         };
     },
-    beforeUnmount() {
-        if (this.stiky.parentNode.nodeName == 'BODY') {
-            this.$nextTick(() => {
-                document.body.removeChild(this.stiky);
-            });
-        }
-    },
     mounted() {
-        this.$nextTick(() => {
-            this.stiky = this.$refs.top.$el.childNodes[0];
-        });
         this.getInit();
     },
     methods: {
@@ -183,15 +167,6 @@ export default {
                         this.page = this.page + 1;
                     }
                 });
-        },
-        change(isFixed) {
-            if (isFixed) {
-                this.$nextTick(() => {
-                    document.body.appendChild(this.stiky);
-                });
-            } else {
-                this.$refs.top.$el.appendChild(this.stiky);
-            }
         }
     }
 };

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

@@ -6,13 +6,12 @@
             :centeredSlides="true"
             :slidesPerView="'auto'"
             :coverflowEffect="{
-                rotate: 40,
+                rotate: 30,
                 stretch: 0,
-                depth: 80,
+                depth: 0,
                 modifier: 1,
                 slideShadows: true
             }"
-            loop
             class="mySwiper"
             v-if="banners.length > 0"
         >
@@ -84,7 +83,7 @@ SwiperCore.use([EffectCoverflow]);
 
 export default {
     name: 'Home',
-
+    inject: ['bs'],
     components: {
         Swiper,
         SwiperSlide,

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

@@ -49,17 +49,6 @@ export default {
         return {
             menu: null
         };
-    },
-    mounted() {
-        this.$nextTick(() => {
-            this.menu = this.$refs.tabbar.$el.childNodes[0];
-            document.body.appendChild(this.menu);
-        });
-    },
-    beforeUnmount() {
-        if (this.menu) {
-            document.body.removeChild(this.menu);
-        }
     }
 };
 </script>

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

@@ -1,11 +1,9 @@
 <template>
     <div class="discover">
-        <van-sticky ref="top" @change="change">
+        <van-sticky ref="top" :offset-top="bar.value.show ? 46 : 0">
             <div class="top">
                 <div class="top-btn">
-                    <div class="btn" :class="{ active: active === 'explore' }" @click="changeActive('explore')">
-                        我拥有的
-                    </div>
+                    <div class="btn" :class="{ active: active === 'explore' }">我拥有的</div>
                     <!-- <div
             class="btn"
             :class="{ active: active === 'creator' }"
@@ -61,7 +59,6 @@
             :actions="actions"
             cancel-text="取消"
             close-on-click-action
-            @open="open"
         />
 
         <div class="tabbar-placeholder"></div>
@@ -75,7 +72,7 @@ import asset from '../mixins/asset';
 export default {
     name: 'discover',
     mixins: [asset],
-
+    inject: ['bar'],
     components: {
         AssetInfo
     },
@@ -112,23 +109,7 @@ export default {
             this.empty = true;
         });
     },
-    beforeUnmount() {
-        if (this.stiky.parentNode.nodeName == 'BODY') {
-            this.$nextTick(() => {
-                document.body.removeChild(this.stiky);
-            });
-        }
-        if (this.action) {
-            document.body.removeChild(this.action);
-        }
-    },
     methods: {
-        open() {
-            this.$nextTick(() => {
-                this.action = document.getElementsByClassName('van-action-sheet')[0];
-                document.body.appendChild(this.action);
-            });
-        },
         getList() {
             if (!this.isLogin) {
                 return;
@@ -163,15 +144,6 @@ export default {
                     }
                 });
         },
-        change(isFixed) {
-            if (isFixed) {
-                this.$nextTick(() => {
-                    document.body.appendChild(this.stiky);
-                });
-            } else {
-                this.$refs.top.$el.appendChild(this.stiky);
-            }
-        },
         changeActive(active) {
             this.active = active;
             this.$nextTick(() => {

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

@@ -139,12 +139,6 @@ export default {
         }
 
         this.bottom = this.$refs.bottom;
-        document.body.appendChild(this.$refs.bottom);
-    },
-    unmounted() {
-        if (this.bottom) {
-            document.body.removeChild(this.bottom);
-        }
     },
     methods: {
         submit() {

src/main/nine-space/src/views/account/Verified.vue

@@ -160,12 +160,6 @@ export default {
     },
     mounted() {
         this.btn = this.$refs.btn;
-        document.body.appendChild(this.btn);
-    },
-    beforeUnmount() {
-        if (this.btn) {
-            document.body.removeChild(this.btn);
-        }
     },
     methods: {
         submit() {

src/main/nine-space/src/views/account/Waiting.vue

@@ -7,7 +7,7 @@
         </div>
 
         <div class="btn" v-if="authStatus === '认证失败'">
-            <van-button type="primary" block plain round> 重新申请 </van-button>
+            <van-button type="primary" block plain round @click="$router.replace('/verified')"> 重新申请 </van-button>
         </div>
     </div>
 </template>

src/main/nine-space/src/views/asset/Detail.vue

@@ -170,11 +170,6 @@ export default {
     mounted() {
         this.getProduct();
     },
-    beforeUnmount() {
-        if (this.btn) {
-            document.body.removeChild(this.btn);
-        }
-    },
     methods: {
         getProduct() {
             this.$toast.loading({
@@ -187,13 +182,9 @@ export default {
                     if (this.isBuy) {
                         this.btn = this.$refs.btn;
                     }
-                    document.body.appendChild(this.$refs.btn);
                 });
 
-                setTimeout(() => {
-                    this.$toast.clear();
-                    this.bs.value.refresh();
-                }, 100);
+                this.$toast.clear();
             });
         },
         likeProduct() {

src/main/nine-space/src/views/creator/Detail.vue

@@ -58,7 +58,7 @@
             </div>
         </div>
 
-        <van-sticky ref="top" @change="change">
+        <van-sticky ref="top" :offset-top="bar.value.show ? 46 : 0">
             <div class="menu">
                 <div class="menu-item" @click="changeMenu('DEFAULT')" :class="{ active: type === 'DEFAULT' }">
                     藏品类目
@@ -94,7 +94,7 @@ export default {
     computed: {
         ...mapState(['userInfo'])
     },
-
+    inject: ['bar'],
     data() {
         return {
             info: {},
@@ -105,29 +105,10 @@ export default {
             empty: false
         };
     },
-    beforeUnmount() {
-        if (this.stiky.parentNode.nodeName == 'BODY') {
-            this.$nextTick(() => {
-                document.body.removeChild(this.stiky);
-            });
-        }
-    },
     mounted() {
-        this.$nextTick(() => {
-            this.stiky = this.$refs.top.$el.childNodes[0];
-        });
         this.getInfo();
     },
     methods: {
-        change(isFixed) {
-            if (isFixed) {
-                this.$nextTick(() => {
-                    document.body.appendChild(this.stiky);
-                });
-            } else {
-                this.$refs.top.$el.appendChild(this.stiky);
-            }
-        },
         copy() {
             this.$copyText(this.info.id).then(
                 e => {

src/main/nine-space/src/views/creator/List.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="follow">
-        <van-sticky ref="top" @change="change">
+        <van-sticky ref="top" :offset-top="bar.value.show ? 46 : 0">
             <div class="top">
                 <div class="name">铸造者</div>
             </div>
@@ -30,13 +30,7 @@
                 </van-tab>
             </van-tabs>
         </van-sticky>
-        <van-list
-            class="list"
-            v-model:loading="loading"
-            :finished="finished"
-            finished-text=""
-            @load="getList"
-        >
+        <van-list class="list" v-model:loading="loading" :finished="finished" finished-text="" @load="getList">
             <template v-for="(item, index) in list" :key="index">
                 <creator-info v-model:info="list[index]"></creator-info>
             </template>
@@ -49,7 +43,7 @@
 import CreatorInfo from '../../components/creator/CreatorInfo.vue';
 export default {
     components: { CreatorInfo },
-
+    inject: ['bar'],
     data() {
         return {
             list: [],
@@ -79,28 +73,7 @@ export default {
             page: 0
         };
     },
-    mounted() {
-        this.$nextTick(() => {
-            this.stiky = this.$refs.top.$el.childNodes[0];
-        });
-    },
-    beforeUnmount() {
-        if (this.stiky.parentNode.nodeName == 'BODY') {
-            this.$nextTick(() => {
-                document.body.removeChild(this.stiky);
-            });
-        }
-    },
     methods: {
-        change(isFixed) {
-            if (isFixed) {
-                this.$nextTick(() => {
-                    document.body.appendChild(this.stiky);
-                });
-            } else {
-                this.$refs.top.$el.appendChild(this.stiky);
-            }
-        },
         getList() {
             if (this.page === 0) {
                 this.list = [];

src/main/nine-space/src/views/creator/Search.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="search">
-        <van-sticky ref="top" @change="change">
+        <van-sticky ref="top" :offset-top="bar.value.show ? 46 : 0">
             <van-search
                 ref="top"
                 shape="round"
@@ -27,7 +27,7 @@ import CreatorInfo from '../../components/creator/CreatorInfo.vue';
 export default {
     name: 'Search',
     components: { CreatorInfo },
-    inject: ['bs', 'setKeeps'],
+    inject: ['bar'],
     data() {
         return {
             list: [],
@@ -43,13 +43,6 @@ export default {
         }
         next();
     },
-    beforeUnmount() {
-        if (this.stiky.parentNode.nodeName == 'BODY') {
-            this.$nextTick(() => {
-                document.body.removeChild(this.stiky);
-            });
-        }
-    },
     computed: {
         pageName() {
             return this.getLabelName(this.type, this.typeOptions);
@@ -60,20 +53,8 @@ export default {
         if (this.$route.query.type) {
             this.type = this.$route.query.type;
         }
-        this.$nextTick(() => {
-            this.stiky = this.$refs.top.$el.childNodes[0];
-        });
     },
     methods: {
-        change(isFixed) {
-            if (isFixed) {
-                this.$nextTick(() => {
-                    document.body.appendChild(this.stiky);
-                });
-            } else {
-                this.$refs.top.$el.appendChild(this.stiky);
-            }
-        },
         getList(search) {
             this.search = search;
             this.$toast.loading({

src/main/nine-space/src/views/order/Orders.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="discover">
-        <van-sticky ref="top" @change="change">
+        <van-sticky ref="top" :offset-top="bar.value.show ? 46 : 0">
             <div class="top">
                 <div class="top-btn">
                     <div class="btn" :class="{ active: type === 'DEFAULT' }" @click="changeActive('DEFAULT')">
@@ -31,7 +31,7 @@
 import OrderInfo from '../../components/order/OrderInfo.vue';
 export default {
     name: 'discover',
-
+    inject: ['bar'],
     components: {
         OrderInfo
     },
@@ -62,20 +62,10 @@ export default {
             page: 0
         };
     },
-    beforeUnmount() {
-        if (this.stiky.parentNode.nodeName == 'BODY') {
-            this.$nextTick(() => {
-                document.body.removeChild(this.stiky);
-            });
-        }
-    },
     mounted() {
         if (this.$route.query.status) {
             this.status = this.$route.query.status;
         }
-        this.$nextTick(() => {
-            this.stiky = this.$refs.top.$el.childNodes[0];
-        });
     },
     methods: {
         getList() {
@@ -121,15 +111,6 @@ export default {
             this.page = 0;
             this.getList();
         },
-        change(isFixed) {
-            if (isFixed) {
-                this.$nextTick(() => {
-                    document.body.appendChild(this.stiky);
-                });
-            } else {
-                this.$refs.top.$el.appendChild(this.stiky);
-            }
-        },
         changeActive(type) {
             this.$router.replace({
                 path: '/orders',

src/main/nine-space/src/views/product/Detail.vue

@@ -159,11 +159,6 @@ export default {
     mounted() {
         this.getProduct();
     },
-    beforeUnmount() {
-        if (this.btn) {
-            document.body.removeChild(this.btn);
-        }
-    },
     methods: {
         preview(index = 0, list = []) {
             ImagePreview({
@@ -184,7 +179,6 @@ export default {
                         if (this.isBuy) {
                             this.btn = this.$refs.btn;
                         }
-                        document.body.appendChild(this.$refs.btn);
                     });
 
                     if (res.type === 'BLIND_BOX') {

src/main/nine-space/src/views/product/List.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="follow">
-        <van-sticky ref="top" @change="change">
+        <van-sticky ref="top" :offset-top="bar.value.show ? 46 : 0">
             <div class="top">
                 <div class="name">{{ pageName }}</div>
             </div>
@@ -46,7 +46,7 @@ import ProductInfo from '../../components/product/productInfo.vue';
 import product from '../../mixins/product';
 export default {
     components: { ProductInfo },
-
+    inject: ['bar'],
     mixins: [product],
     data() {
         return {
@@ -87,27 +87,8 @@ export default {
         if (this.$route.query.type) {
             this.type = this.$route.query.type;
         }
-        this.$nextTick(() => {
-            this.stiky = this.$refs.top.$el.childNodes[0];
-        });
-    },
-    beforeUnmount() {
-        if (this.stiky.parentNode.nodeName == 'BODY') {
-            this.$nextTick(() => {
-                document.body.removeChild(this.stiky);
-            });
-        }
     },
     methods: {
-        change(isFixed) {
-            if (isFixed) {
-                this.$nextTick(() => {
-                    document.body.appendChild(this.stiky);
-                });
-            } else {
-                this.$refs.top.$el.appendChild(this.stiky);
-            }
-        },
         getList() {
             if (this.page === 0) {
                 this.list = [];

src/main/nine-space/src/views/product/Search.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="search">
-        <van-sticky ref="top" @change="change">
+        <van-sticky ref="top" :offset-top="bar.value.show ? 46 : 0">
             <van-search
                 ref="top"
                 shape="round"
@@ -28,7 +28,7 @@ import product from '../../mixins/product';
 export default {
     name: 'Search',
     components: { ProductInfo },
-    inject: ['bs', 'setKeeps'],
+    inject: ['bar'],
     mixins: [product],
     data() {
         return {
@@ -47,13 +47,6 @@ export default {
         next();
         // ...
     },
-    beforeUnmount() {
-        if (this.stiky.parentNode.nodeName == 'BODY') {
-            this.$nextTick(() => {
-                document.body.removeChild(this.stiky);
-            });
-        }
-    },
     computed: {
         pageName() {
             return this.getLabelName(this.type, this.typeOptions);
@@ -72,15 +65,6 @@ export default {
         });
     },
     methods: {
-        change(isFixed) {
-            if (isFixed) {
-                this.$nextTick(() => {
-                    document.body.appendChild(this.stiky);
-                });
-            } else {
-                this.$refs.top.$el.appendChild(this.stiky);
-            }
-        },
         getList(search) {
             this.search = search;
             this.$toast.loading({

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

@@ -1,6 +1,6 @@
 <template>
     <div class="follow">
-        <van-sticky>
+        <van-sticky :offset-top="bar.value.show ? 46 : 0">
             <div class="top">
                 <div class="name">我的粉丝</div>
             </div>
@@ -18,7 +18,7 @@
 import CreatorInfo from '../../components/creator/CreatorInfo.vue';
 export default {
     components: { CreatorInfo },
-
+    inject: ['bar'],
     data() {
         return {
             list: [],

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

@@ -1,6 +1,6 @@
 <template>
     <div class="follow">
-        <van-sticky>
+        <van-sticky :offset-top="bar.value.show ? 46 : 0">
             <div class="top">
                 <div class="name">我关注的</div>
             </div>
@@ -18,7 +18,7 @@
 import CreatorInfo from '../../components/creator/CreatorInfo.vue';
 export default {
     components: { CreatorInfo },
-
+    inject: ['bar'],
     data() {
         return {
             list: [],

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

@@ -1,6 +1,6 @@
 <template>
     <div class="follow">
-        <van-sticky ref="top" @change="change">
+        <van-sticky ref="top" :offset-top="bar.value.show ? 46 : 0">
             <div class="top">
                 <div class="name">我赞过的</div>
             </div>
@@ -26,7 +26,7 @@
 import ProductInfo from '../../components/product/productInfo.vue';
 export default {
     components: { ProductInfo },
-
+    inject: ['bar'],
     data() {
         return {
             list: [],
@@ -66,15 +66,6 @@ export default {
         this.init();
     },
     methods: {
-        change(isFixed) {
-            if (isFixed) {
-                this.$nextTick(() => {
-                    document.body.appendChild(this.stiky);
-                });
-            } else {
-                // this.$refs.top.$el.appendChild(this.stiky);
-            }
-        },
         init() {
             this.$toast.loading({
                 message: '加载中...',