diff --git a/src/api/User.ts b/src/api/User.ts
index 1d4ddbf..f3468bf 100644
--- a/src/api/User.ts
+++ b/src/api/User.ts
@@ -20,12 +20,12 @@ export const defaultUser: IUser = {
   avatar: '',
   account: ''
 }
-// export const getUserInfo = (data: any) =>
-//   request({
-//     url: '/api/user/info',
-//     method: 'post',
-//     data
-//   })
+export const getUserInfo = (data: any) =>
+  request({
+    url: '/api/user/info',
+    method: 'post',
+    data
+  })
 
 export const login = (data: any) =>
   request({
@@ -34,11 +34,11 @@ export const login = (data: any) =>
     params: data
   })
 
-// export const logout = () =>
-//   request({
-//     url: '/api/user/logout',
-//     method: 'post'
-//   })
+export const logout = () =>
+  request({
+    url: '/api/user/logout',
+    method: 'post'
+  })
 //
 // export const changePass = (params: any) =>
 //   request({
diff --git a/src/components/market/ItemDetail.vue b/src/components/market/ItemDetail.vue
index b83bc8c..f20a22c 100644
--- a/src/components/market/ItemDetail.vue
+++ b/src/components/market/ItemDetail.vue
@@ -41,10 +41,10 @@
           </div>
           <div class="statsSection stats-section">
             <div class="tabs tab-bar">
-              <li class="tabItem" @click="selectTab(0)" :class="{'selected': tabIdx === 0}"><span>P2E Info</span></li>
-              <li class="tabItem" @click="selectTab(1)" :class="{'selected': tabIdx === 1}"><span>Stats</span></li>
-              <li class="tabItem" @click="selectTab(2)" :class="{'selected': tabIdx === 2}"><span>Fury</span></li>
-              <li class="tabItem" @click="selectTab(3)" :class="{'selected': tabIdx === 3}"><span>Passive</span></li>
+              <li class="tabItem" @click="choseTab(0)" :class="{'selected': tabIdx === 0}"><span>P2E Info</span></li>
+              <li class="tabItem" @click="choseTab(1)" :class="{'selected': tabIdx === 1}"><span>Stats</span></li>
+              <li class="tabItem" @click="choseTab(2)" :class="{'selected': tabIdx === 2}"><span>Fury</span></li>
+              <li class="tabItem" @click="choseTab(3)" :class="{'selected': tabIdx === 3}"><span>Passive</span></li>
             </div>
             <div class="panel" v-if="tabIdx===0">
               <div class="y-auto scrollable">
@@ -147,7 +147,7 @@ export default class extends Vue {
     this.$router.go(-1)
   }
 
-  selectTab(idx: number) {
+  choseTab(idx: number) {
     this.tabIdx = idx
   }
 }
diff --git a/src/router/index.ts b/src/router/index.ts
index 549d7c6..86d0283 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,17 +1,16 @@
 import Vue from 'vue'
 import VueRouter, { RouteConfig } from 'vue-router'
-import Main from '../views/Main.vue'
-import Market from '../views/Market.vue'
-import Official from '@/views/Official.vue'
-import Item from '../views/Item.vue'
-import MyNft from '@/views/MyNft.vue'
-import Index from '@/views/Index.vue'
-import Presale from '@/views/Presale.vue'
-import NFT from '@/views/NFT.vue'
-import Gameplay from '@/views/Gameplay.vue'
-import Tokennomic from '@/views/Tokennomic.vue'
-import Team from '@/views/Team.vue'
-import Roadmap from '@/views/Roadmap.vue'
+import Market from '../views/desktop/Market.vue'
+import Official from '@/views/desktop/Official.vue'
+import Item from '../views/desktop/Item.vue'
+import MyNft from '@/views/desktop/MyNft.vue'
+import Index from '@/views/desktop/Index.vue'
+import Presale from '@/views/desktop/Presale.vue'
+import NFT from '@/views/desktop/NFT.vue'
+import Gameplay from '@/views/desktop/Gameplay.vue'
+import Tokennomic from '@/views/desktop/Tokennomic.vue'
+import Team from '@/views/desktop/Team.vue'
+import Roadmap from '@/views/desktop/Roadmap.vue'
 
 Vue.use(VueRouter)
 
diff --git a/src/views/About.vue b/src/views/desktop/About.vue
similarity index 100%
rename from src/views/About.vue
rename to src/views/desktop/About.vue
diff --git a/src/views/Gameplay.vue b/src/views/desktop/Gameplay.vue
similarity index 100%
rename from src/views/Gameplay.vue
rename to src/views/desktop/Gameplay.vue
diff --git a/src/views/Index.vue b/src/views/desktop/Index.vue
similarity index 100%
rename from src/views/Index.vue
rename to src/views/desktop/Index.vue
diff --git a/src/views/Item.vue b/src/views/desktop/Item.vue
similarity index 98%
rename from src/views/Item.vue
rename to src/views/desktop/Item.vue
index ab9b586..3fd981b 100644
--- a/src/views/Item.vue
+++ b/src/views/desktop/Item.vue
@@ -85,7 +85,7 @@ export default class Item extends Vue {
 }
 </script>
 <style lang="scss" scoped>
-@import '../scss/breakpoints.scss';
+@import '../../scss/breakpoints.scss';
 .root {
   display: flex;
   flex-direction: column;
diff --git a/src/views/Main.vue b/src/views/desktop/Main.vue
similarity index 100%
rename from src/views/Main.vue
rename to src/views/desktop/Main.vue
diff --git a/src/views/Market.vue b/src/views/desktop/Market.vue
similarity index 98%
rename from src/views/Market.vue
rename to src/views/desktop/Market.vue
index d6ee9de..9baf908 100644
--- a/src/views/Market.vue
+++ b/src/views/desktop/Market.vue
@@ -35,7 +35,7 @@ export default class Market extends Vue {
 }
 </script>
 <style lang="scss" scoped>
-@import '../scss/breakpoints.scss';
+@import '../../scss/breakpoints.scss';
 .root {
   display: flex;
   flex-direction: column;
diff --git a/src/views/MyNft.vue b/src/views/desktop/MyNft.vue
similarity index 99%
rename from src/views/MyNft.vue
rename to src/views/desktop/MyNft.vue
index ad5edfe..567369f 100644
--- a/src/views/MyNft.vue
+++ b/src/views/desktop/MyNft.vue
@@ -97,7 +97,7 @@ export default class MyNft extends Vue {
 }
 </script>
 <style lang="scss" scoped>
-@import '../scss/breakpoints.scss';
+@import '../../scss/breakpoints.scss';
 .root {
   display: flex;
   flex-direction: column;
diff --git a/src/views/NFT.vue b/src/views/desktop/NFT.vue
similarity index 100%
rename from src/views/NFT.vue
rename to src/views/desktop/NFT.vue
diff --git a/src/views/Official.vue b/src/views/desktop/Official.vue
similarity index 98%
rename from src/views/Official.vue
rename to src/views/desktop/Official.vue
index cf69c9f..0ec3e2b 100644
--- a/src/views/Official.vue
+++ b/src/views/desktop/Official.vue
@@ -36,7 +36,7 @@ export default class Official extends Vue {
 }
 </script>
 <style lang="scss" scoped>
-@import '../scss/breakpoints.scss';
+@import '../../scss/breakpoints.scss';
 .root {
   display: flex;
   flex-direction: column;
diff --git a/src/views/Presale.vue b/src/views/desktop/Presale.vue
similarity index 100%
rename from src/views/Presale.vue
rename to src/views/desktop/Presale.vue
diff --git a/src/views/Roadmap.vue b/src/views/desktop/Roadmap.vue
similarity index 100%
rename from src/views/Roadmap.vue
rename to src/views/desktop/Roadmap.vue
diff --git a/src/views/Team.vue b/src/views/desktop/Team.vue
similarity index 100%
rename from src/views/Team.vue
rename to src/views/desktop/Team.vue
diff --git a/src/views/Tokennomic.vue b/src/views/desktop/Tokennomic.vue
similarity index 100%
rename from src/views/Tokennomic.vue
rename to src/views/desktop/Tokennomic.vue