feat: login

src/api/path/login.api.js

@@ -0,0 +1,7 @@
+import service from '../axios'
+
+
+// * 获取网络信息
+export function getNetwork(param) {
+  return service.get('main/network', param );
+}

src/api/path/user.api.js

@@ -1,9 +1,5 @@
 import service from '../axios'
 
-
-
-
-
 export function login(param) {
   return service.post('/user/login', param );
 }

src/i18n/zhHk/router.js

@@ -5,5 +5,6 @@ export default {
   Transaction: "交易",
   Wallet: "錢包",
   Dapp: "DAPP",
-  Me: "我的"
+  Me: "我的",
+  CreateWallet: "創建錢包"
 }

src/main.js

@@ -4,7 +4,7 @@ import App from './App.vue'
 
 import { setupStore } from "@/stores";
 // ui 
-import Vant from 'vant';
+import Vant, { Lazyload } from 'vant';
 import 'vant/lib/index.css';
 // 字体
 import "@/assets/font/font.css"
@@ -31,6 +31,7 @@ async function appInit() {
   setupStore(app);
   // UI
   app.use(Vant);
+  app.use(Lazyload);
   app.use(i18n);
   // windows 挂载
   setup()

src/router/whitelist.js

@@ -19,5 +19,16 @@ export const whitelistRoutes = [
       navbar: true,
       leftArrow: true
     }
+  },
+  {
+    path: "/createWallet",
+    name: "createWallet",
+    component: () => import("@/views/login/createWallet/index.vue"),
+    meta: {
+      title:  "router.CreateWallet",   //  创建钱包
+      keepAlive: false,
+      navbar: true,
+      leftArrow: true
+    }
   }
 ]

src/views/login/createWallet/index.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>123</div>
+</template>

src/views/login/selectNetwork/index.vue

@@ -8,11 +8,54 @@
       class="search"
     />
   </div>
+ 
+  <van-skeleton  avatar title :row="2" :loading="loading" />
+
+  <div class="network-list">
+    <div class="network-item" v-for="item in networkComputed" :key="item.id" @click="selectNetwork(item)">
+      <van-image loading-icon="wechat-moments"  lazy-load class="network-item-icon" :src="item.icon" />
+      <div class="network-item-name">{{ item.name }}</div>
+    </div>
+  </div>
 </template>
 <script setup> 
+import { getNetwork } from '@/api/path/login.api'
+
+const router = useRouter()
 
 const value = ref('')
+const networkList  = ref([])
+const loading = ref(true)
+
+const initNetwork =  async () => {
+  const { data } = await getNetwork({})
+  loading.value = false
+  networkList.value = data
+}
 
+const networkComputed = computed(() => {
+  if (!value.value) return networkList.value
+  let arr = [];
+  arr = networkList.value.filter((item) => {
+    return JSON.stringify(item).includes(value.value);
+  });
+  return arr;
+})
+
+const selectNetwork = (item) => {
+  router.push({
+    path: '/createWallet',
+    query: {
+      network: item.url
+    }
+  })
+}
+
+
+
+onMounted(() =>{
+  initNetwork()
+})
 </script>
 <style scoped lang="less">
 .search{
@@ -21,5 +64,24 @@ const value = ref('')
 :deep(.van-search__content){
   background: @bg-color1;
 }
+.network-list{
+  display: flex;
+  flex-direction: column;
+  margin: 20px 20px 0 20px;
+  .network-item{
+    display: flex;
+    align-items: center;
+    margin-bottom: 17px;
+    .network-item-icon{
+      width: 30px;
+      height: 30px;
+    }
+    .network-item-name{
+      margin-left: 10px;
+      font-size: 15px;
+      color: @font-color2;
+    }
+  }
+}
  
 </style>

vite.config.js

@@ -75,7 +75,7 @@ export default defineConfig({
     hmr: true,
     proxy: {
         "^/api": {
-            target:"https://192.168.0.59:3001",
+             target:"https://wallet.angeltokens.io",
             changeOrigin: true, 
             // secure: false, 
         }