diff --git a/components.d.ts b/components.d.ts
index 595e59d..dc36e45 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -8,13 +8,12 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     AppIcon: typeof import('./src/components/AppIcon.vue')['default']
+    Default: typeof import('./src/components/layouts/default.vue')['default']
     ElAvatar: typeof import('element-plus/es')['ElAvatar']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElCard: typeof import('element-plus/es')['ElCard']
     ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
-    ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
     ElCol: typeof import('element-plus/es')['ElCol']
-    ElDialog: typeof import('element-plus/es')['ElDialog']
     ElDivider: typeof import('element-plus/es')['ElDivider']
     ElDropdown: typeof import('element-plus/es')['ElDropdown']
     ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
@@ -22,23 +21,23 @@ declare module 'vue' {
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElIconHide: typeof import('@element-plus/icons-vue')['Hide']
+    ElIconView: typeof import('@element-plus/icons-vue')['View']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElMenu: typeof import('element-plus/es')['ElMenu']
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
-    ElOption: typeof import('element-plus/es')['ElOption']
-    ElPagination: typeof import('element-plus/es')['ElPagination']
     ElProgress: typeof import('element-plus/es')['ElProgress']
-    ElRadio: typeof import('element-plus/es')['ElRadio']
+    ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
     ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
     ElRow: typeof import('element-plus/es')['ElRow']
-    ElSelect: typeof import('element-plus/es')['ElSelect']
     ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
     ElTable: typeof import('element-plus/es')['ElTable']
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
-    ElTag: typeof import('element-plus/es')['ElTag']
-    ElText: typeof import('element-plus/es')['ElText']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
     Header: typeof import('./src/components/header.vue')['default']
+    Icon: typeof import('./src/components/likebocai/Icon.vue')['default']
+    IconInfo: typeof import('./src/components/likebocai/IconInfo.vue')['default']
+    Input: typeof import('./src/components/likebocai/input.vue')['default']
     OrgSelect: typeof import('./src/components/OrgSelect.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
diff --git a/src/components/layouts/default.vue b/src/components/layouts/default.vue
new file mode 100644
index 0000000..b5da4f4
--- /dev/null
+++ b/src/components/layouts/default.vue
@@ -0,0 +1,23 @@
+<template>
+    <div class="default-body">
+        <LikebocaiHeader />
+        <div style="width: 100%;display: flex;justify-content: center;align-items: center;">
+            <div style="width: 1400px;">
+                <RouterView />
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import LikebocaiHeader from './header.vue'
+</script>
+
+<style scoped>
+.default-body {
+    height: 100%;
+    width: 100%;
+    background-color: #fafbff;
+    
+}
+</style>
\ No newline at end of file
diff --git a/src/components/layouts/header.vue b/src/components/layouts/header.vue
new file mode 100644
index 0000000..db426f4
--- /dev/null
+++ b/src/components/layouts/header.vue
@@ -0,0 +1,52 @@
+<template>
+<div class="rocket-nav-box">
+    <div class="rocket-nav">
+        <ElButton type="primary" plain style="border: 0px;">捐赠</ElButton>
+        <div class="rocket-nav-right" style="">
+            <p>BitTorrent客户端下载</p>
+            <p>站内规则</p>
+            <p>我的资源</p>
+            <p>消息</p>
+            <p>用户昵称▼</p>
+        </div>
+    </div>
+</div>
+</template>
+
+<script setup lang="ts">
+import { ElButton } from 'element-plus';
+
+
+</script>
+
+<style scoped>
+.rocket-nav-box {
+    width: 100%;
+    height: 60px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    .rocket-nav {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        .rocket-nav-right {
+            display: flex;
+            justify-content: right;
+            align-items: center;
+            width: 80%;
+            p {
+                color: #7d808a;
+                height: 40px;
+                padding: 0px 20px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                cursor: pointer;
+            }
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/likebocai/Icon.vue b/src/components/likebocai/Icon.vue
new file mode 100644
index 0000000..91152a4
--- /dev/null
+++ b/src/components/likebocai/Icon.vue
@@ -0,0 +1,11 @@
+<template>
+<img src="../likebocai/image.png" width="50">
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/components/likebocai/IconInfo.vue b/src/components/likebocai/IconInfo.vue
new file mode 100644
index 0000000..2f9fa7c
--- /dev/null
+++ b/src/components/likebocai/IconInfo.vue
@@ -0,0 +1,47 @@
+<template>
+    <p class="icon-default-style" v-for="item in props.typeList" :style="{ color: style(item)[0],backgroundColor: style(item)[1]  }">{{ text(item) }}</p>
+</template>
+
+<script setup lang="ts">
+const props = defineProps({
+    typeList: Array as () => number[]
+})
+
+// 内容
+const text = (textLet:number) => {
+    switch(textLet){
+        case 0:
+        return 'free';
+        case 1: 
+        return 'H&R';
+        case 2:
+        return '热门'
+    }
+}
+
+// 样式
+const style = (textLet:number) => {
+    switch(textLet){
+        case 0:
+        return ['#d8f9ff','#3b7ce2'];
+        case 1: 
+        return ['#ffffff','#14162c'];
+        case 2:
+        return ['#fffbf0','#d46250']
+    }
+}
+</script>
+
+<style scoped>
+.icon-default-style {
+    background-color: #3b7ce2;
+    color: #d8f9ff;
+    height: 20px;
+    width: 40px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 4px;
+    margin: 0px 3px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/likebocai/image.png b/src/components/likebocai/image.png
new file mode 100644
index 0000000..7342ba1
Binary files /dev/null and b/src/components/likebocai/image.png differ
diff --git a/src/components/likebocai/input.vue b/src/components/likebocai/input.vue
new file mode 100644
index 0000000..f0cb482
--- /dev/null
+++ b/src/components/likebocai/input.vue
@@ -0,0 +1,75 @@
+<template>
+    <!-- 邮箱验证码 -->
+    <div class="login-input-box">
+        <p class="login-prefix">
+            {{ prefixTitle ? prefixTitle : '请设置:prefixTitle的值' }}
+        </p>
+        <div class="likebocai-input-box">
+            <input class="likebocai-input" :type="type ? type : 'text'" :value="modelValue" @input="emit('update:model-value',(<HTMLInputElement>$event.target).value)" :placeholder="placeholder ? placeholder : '请输入内容'" />
+            <div class="login-suffix-box">
+                <slot />
+            </div>
+        </div>
+
+    </div>
+</template>
+
+<script setup lang="ts">
+// 接收props
+defineProps(['modelValue','placeholder','prefixTitle','type'])
+// 声明事件
+const emit = defineEmits(['update:model-value'])
+</script>
+
+<style scoped>
+        .login-input-box {
+            height: 60px;
+            width: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-bottom: 8px;
+
+            .login-prefix {
+                color: #a0a0a0;
+                width: 100px;
+                display: flex;
+                align-items: center;
+                justify-content: right;
+                margin-right: 20px;
+                font-size: 18px;
+            }
+
+            .likebocai-input-box {
+                width: 360px;
+                height: 50px;
+                border-radius: 25px;
+                background-color: #f0f0f0;
+                display: flex;
+                align-items: center;
+
+                .likebocai-input {
+                    width: 170px;
+                    height: 30px;
+                    border: 0px;
+                    background-color: #f0f0f0;
+                    outline: none;
+                    font-size: 18px;
+                    margin-left: 25px;
+                }
+
+                .likebocai-input::placeholder {
+                    color: #bcbcbc;
+                }
+
+                .login-suffix-box {
+                    width: 130px;
+                    height: 40px;
+                    margin-left: 10px;
+                    display: flex;
+                    justify-content: right;
+                    align-items: center;
+                }
+            }
+        }
+</style>
\ No newline at end of file
diff --git a/src/router/index.ts b/src/router/index.ts
index bd26132..b83f8c2 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,52 +1,52 @@
-import {createRouter, createWebHashHistory, RouteRecordRaw} from 'vue-router';
+import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router';
 import Home from '../views/home.vue';
-import {useBasicStore} from "../store/basic";
-
+import { useBasicStore } from "../store/basic";
+import LikebocaiDefault from '../components/layouts/default.vue'
 const serverRoutes: RouteRecordRaw[] = [
-    {
-        path: '/dashboard',
-        name: 'dashboard',
-        meta: {
-            title: '系统首页',
-        },
-        component: () => import(/* webpackChunkName: "dashboard" */ '../views/dashboard.vue'),
+  {
+    path: '/dashboard',
+    name: 'dashboard',
+    meta: {
+      title: '系统首页',
     },
-    {
-        path: '/users',
-        name: 'users',
-        meta: {
-            title: '用户列表',
-        },
-        component: () => import(/* webpackChunkName: "dashboard" */ '../views/user-list.vue'),
-    }, {
-        path: '/roles',
-        name: 'roles',
-        meta: {
-            title: '角色管理',
-        },
-        component: () => import(/* webpackChunkName: "dashboard" */ '../views/role-list.vue'),
-    }, {
-        path: '/resources',
-        name: 'resources',
-        meta: {
-            title: '权限资源',
-        },
-        component: () => import(/* webpackChunkName: "dashboard" */ '../views/resource-list.vue'),
-    },{
-        path: '/torrent',
-        name: 'torrent',
-        meta: {
-            title: '种子',
-        },
-        component: () => import(/* webpackChunkName: "dashboard" */ '../views/torrent.vue'),
-    },{
-        path: '/upload',
-        name: 'upload',
-        meta : {
-          title: '发布',
-        },
-        component: ()  => import(/* webpackChunkName: "dashboard" */'../views/upload-torrent.vue'),
-    }
+    component: () => import(/* webpackChunkName: "dashboard" */ '../views/dashboard.vue'),
+  },
+  {
+    path: '/users',
+    name: 'users',
+    meta: {
+      title: '用户列表',
+    },
+    component: () => import(/* webpackChunkName: "dashboard" */ '../views/user-list.vue'),
+  }, {
+    path: '/roles',
+    name: 'roles',
+    meta: {
+      title: '角色管理',
+    },
+    component: () => import(/* webpackChunkName: "dashboard" */ '../views/role-list.vue'),
+  }, {
+    path: '/resources',
+    name: 'resources',
+    meta: {
+      title: '权限资源',
+    },
+    component: () => import(/* webpackChunkName: "dashboard" */ '../views/resource-list.vue'),
+  }, {
+    path: '/torrent',
+    name: 'torrent',
+    meta: {
+      title: '种子',
+    },
+    component: () => import(/* webpackChunkName: "dashboard" */ '../views/torrent.vue'),
+  }, {
+    path: '/upload',
+    name: 'upload',
+    meta: {
+      title: '发布',
+    },
+    component: () => import(/* webpackChunkName: "dashboard" */'../views/upload-torrent.vue'),
+  }
 ];
 
 const routes: RouteRecordRaw[] = [
@@ -114,8 +114,8 @@ const routes: RouteRecordRaw[] = [
     meta: {
       title: "重置密码",
     },
-    component: () => 
-    import("../views/resetPassword.vue")
+    component: () =>
+      import("../views/resetPassword.vue")
   },
   {
     path: "/403",
@@ -125,32 +125,60 @@ const routes: RouteRecordRaw[] = [
     },
     component: () => import(/* webpackChunkName: "403" */ "../views/403.vue"),
   },
+    // registerLikebocai
+    {
+      path: "/likebocai",
+      name: "likebocai",
+      meta: {
+        title: "likebocai | 框架",
+      },
+      component: LikebocaiDefault,
+      children: [
+        {
+          path: "torrentList",
+          name: "torrentList",
+          meta: {
+            title: "种子列表",
+          },
+          component: () => import(/* webpackChunkName: "torrentList" */ "../views/torrent-list.vue"),
+        }
+      ]
+    },
+    // registerLikebocai
+    {
+      path: "/registerLikebocai",
+      name: "registerLikebocai",
+      meta: {
+        title: "likebocai | 注册",
+      },
+      component: () => import(/* webpackChunkName: "registerLikebocai" */ "../views/registerLikebocai.vue"),
+    },
 ];
 
 const router = createRouter({
-    history: createWebHashHistory(),
-    routes,
-});
-
-router.beforeEach(async (to, from, next) => {
-    document.title = `${to.meta.title} | Rocket PT`;
-    const token = localStorage.getItem('token');
-    const basicStore = useBasicStore();
-    if (!token && (to.path !== '/login' && to.path !== '/register') && to.path !== '/forgotPassword' && to.path !== '/resetPassword') {
-        next('/login');
-    } /*else if (to.meta.permiss && !permiss.key.includes(to.meta.permiss)) {
-        // 如果没有权限，则进入403
-        next('/403');
-    }*/ else {
-        if (token) {
-          try {
-            await basicStore.fetchUserinfo();
-          } catch(error) {
-            localStorage.removeItem('token');
-            return;
-          }
-        }
-        next();
-    }
+  history: createWebHashHistory(),
+  routes,
 });
+/*else if (to.meta.permiss && !permiss.key.includes(to.meta.permiss)) {
+       // 如果没有权限，则进入403
+       next('/403');
+   }*/
+// router.beforeEach(async (to, from, next) => {
+//     document.title = `${to.meta.title} | Rocket PT`;
+//     const token = localStorage.getItem('token');
+//     const basicStore = useBasicStore();
+//     if (!token && (to.path !== '/login' && to.path !== '/register') && to.path !== '/forgotPassword' && to.path !== '/resetPassword') {
+//         next('/login');
+//     } else {
+//         if (token) {
+//           try {
+//             await basicStore.fetchUserinfo();
+//           } catch(error) {
+//             localStorage.removeItem('token');
+//             return;
+//           }
+//         }
+//         next();
+//     }
+// });
 export default router;
diff --git a/src/views/registerLikebocai.vue b/src/views/registerLikebocai.vue
new file mode 100644
index 0000000..81f1b19
--- /dev/null
+++ b/src/views/registerLikebocai.vue
@@ -0,0 +1,172 @@
+<template>
+    <div class="bgc">
+        <div class="login-box">
+            <div class="login">
+                <!-- 注册logo -->
+                <h2 style="margin-bottom: 30px;">注册</h2>
+                <!-- 邮箱输入框 -->
+                <div class="login-input-box">
+                    <p class="login-prefix">
+                        邮箱登录
+                    </p>
+                    <div class="likebocai-input-box">
+                        <input :disabled="registerData.isDisposed" class="likebocai-input" type="text"
+                            v-model="registerData.emial" placeholder="请输入邮箱" />
+                        <div class="login-suffix-box">
+
+                        </div>
+                    </div>
+
+                </div>
+                <!-- 邮箱验证码 -->
+                <LikebocaiInput v-model="registerData.code" :type="'text'" :prefixTitle="'验证码'" :placeholder="'请输入验证码'">
+                    <p @click="getCode" style="color: #bfbfbf;"
+                        :style="{ color: registerData.emial.length <= 0 ? '#bfbfbf' : '#527fad', cursor: registerData.emial.length <= 0 || registerData.isDisposed ? 'not-allowed' : 'pointer' }">
+                        {{ registerData.isDisposed ? `${registerData.time}s` : '获取手机验证码' }}
+                    </p>
+                </LikebocaiInput>
+                <!-- 昵称 -->
+                <LikebocaiInput v-model="registerData.nickName" :prefixTitle="'昵称'" :placeholder="'请输入昵称'" />
+                <!-- 密码 -->
+                <LikebocaiInput v-model="registerData.password" :type="!registerData.pwdLook ? 'text' : 'password'"
+                    :prefixTitle="'密码'" :placeholder="'请输入密码'">
+                    <div v-if="registerData.password.length > 0" @click="registerData.pwdLook = !registerData.pwdLook"
+                        style="cursor: pointer;">
+                        <ElIconView width="20" v-if="!registerData.pwdLook" />
+                        <ElIconHide width="20" v-else />
+                    </div>
+                </LikebocaiInput>
+                <!-- 再次输入密码 -->
+                <LikebocaiInput v-model="registerData.checkPassword"
+                    :type="!registerData.checkPwdLook ? 'text' : 'password'" :prefixTitle="'确认密码'"
+                    :placeholder="'请输入再次输入密码'">
+                    <div v-if="registerData.checkPassword.length > 0"
+                        @click="registerData.checkPwdLook = !registerData.checkPwdLook" style="cursor: pointer;">
+                        <ElIconView width="20" v-if="!registerData.checkPwdLook" />
+                        <ElIconHide width="20" v-else />
+                    </div>
+                </LikebocaiInput>
+
+                <ElButton :disabled="!registerData.isAgree" type="primary"
+                    style="width: 200px;height: 50px;margin-top: 40px;border-radius: 25px;font-size: 18px;margin-bottom: 20px;">
+                    注册
+                </ElButton>
+                <div style="height: 30px;display: flex;justify-content: center;align-items: center;">
+                    <input type="checkbox" style="width: 14px;margin-right: 10px;" v-model="registerData.isAgree">
+                    <p style="color: #999999;font-size: 14px;">
+                        我会认真有阅读并遵守平台规则。我会积极参与平台内建设。我已满 13 周岁。
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ElButton, ElMessage } from 'element-plus';
+import { reactive } from 'vue';
+import LikebocaiInput from '../components/likebocai/input.vue'
+
+const registerData = reactive({
+    emial: '',
+    code: '',
+    nickName: '',
+    password: '',
+    checkPassword: '',
+    pwdLook: true,
+    checkPwdLook: true,
+    isAgree: false,
+    isDisposed: false,
+    time: 10
+})
+const getCode = () => {
+    if (registerData.emial.length <= 0) {
+        return;
+    }
+    registerData.isDisposed = true
+    handleTime()
+    ElMessage.success("验证码发送成功！")
+}
+
+const handleTime = () => {
+    if (registerData.time <= 0) {
+        registerData.isDisposed = false
+        registerData.time = 10
+    } else {
+        setTimeout(() => {
+            registerData.time--
+            handleTime()
+        }, 1000)
+    }
+}
+</script>
+
+<style scoped>
+.bgc {
+    background-color: #3265d2;
+    height: 100%;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .login-box {
+        width: 600px;
+        background-color: #fff;
+        border-radius: 15px;
+        padding: 30px 20px;
+        text-align: center;
+
+        .login-input-box {
+            height: 60px;
+            width: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-bottom: 8px;
+
+            .login-prefix {
+                color: #a0a0a0;
+                width: 100px;
+                display: flex;
+                align-items: center;
+                justify-content: right;
+                margin-right: 20px;
+                font-size: 18px;
+            }
+
+            .likebocai-input-box {
+                width: 360px;
+                height: 50px;
+                border-radius: 25px;
+                background-color: #f0f0f0;
+                display: flex;
+                align-items: center;
+
+                .likebocai-input {
+                    width: 170px;
+                    height: 30px;
+                    border: 0px;
+                    background-color: #f0f0f0;
+                    outline: none;
+                    font-size: 18px;
+                    margin-left: 25px;
+                }
+
+                .likebocai-input::placeholder {
+                    color: #bcbcbc;
+                }
+
+                .login-suffix-box {
+                    width: 130px;
+                    height: 40px;
+                    margin-left: 10px;
+                    display: flex;
+                    justify-content: right;
+                    align-items: center;
+                }
+            }
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/torrent-list.vue b/src/views/torrent-list.vue
new file mode 100644
index 0000000..e23ecfb
--- /dev/null
+++ b/src/views/torrent-list.vue
@@ -0,0 +1,202 @@
+<template>
+    <div class="torrent-list-body">
+        <div class="search-box">
+            <div style="width: 100%;display: flex;justify-content: center;">
+                <img src="../assets/img/img.jpg" style="margin: 30px 0px;">
+            </div>
+            <div style="width: 100%;display: flex;justify-content: center;">
+                <div class="search-look-box">
+                    <p class="search-look-p">高级搜索</p>
+                    <p style="padding: 0px 10px;font-size: 25px;color: #b8b8b8;margin-left: 85px;">|</p>
+                    <input class="search" type="text" placeholder="请输入您想要查找的关键词">
+                    <ElButton type="primary"
+                        style="width:100px;height: 100%;position: absolute;right: 0px;border-radius: 0px 8px 8px 0px;font-size: 18px;">
+                        搜索</ElButton>
+                </div>
+            </div>
+        </div>
+        <el-table :data="tableData" style="width: 100%;" :border="false">
+            <el-table-column label="类型" width="80" sortable>
+                <LikebocaiIcon />
+            </el-table-column>
+            <el-table-column label="标题" width="640" sortable #default="scope">
+                <div style="height: 70px;display: flex;align-items: center;">
+                    <div style="height: 50px;">
+                        <!-- 上 -->
+                        <div style="display: flex;">
+                            <h3 style="font-size: 16px;margin-right: 10px;color: #2b2b2b;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 480px;">
+                                <el-tooltip effect="light" :content="scope.row.title"
+                                    placement="top-start">
+                                    {{ scope.row.title }}
+                                </el-tooltip>
+                            </h3>
+                            <LikebocaiIconInfo :typeList="scope.row.typeList" />
+                        </div>
+                        <!-- 下 -->
+                        <div style="display: flex;margin-top: 10px;">
+                            <p
+                                style="width: 40px;height: 20px;background-color: transparent;color: #6174af;border: 2px solid #6174af;display: flex;justify-content: center;align-items: center;border-radius: 4px;margin-right: 10px;">
+                                中字
+                            </p>
+                            <p style="color: #9b9b9b;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 240px;">
+                                <el-tooltip effect="light" :content="scope.row.description"
+                                    placement="top-start">
+                                    {{ scope.row.description }}
+                                </el-tooltip>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </el-table-column>
+            <el-table-column prop="state" label="留言" width="80" sortable #default="scope">
+                <p style="text-align: center;color: #868686;">{{ scope.row.state }}</p>
+            </el-table-column>
+            <el-table-column prop="city" label="上传时间" width="105" sortable #default="scope">
+                <p style="font-size: 12px;color: #868686;">{{ scope.row.city }}</p>
+            </el-table-column>
+            <el-table-column prop="address" label="资源大小" width="105" sortable #default="scope">
+                <p style="text-align: center;color: #868686;">{{ scope.row.address }}</p>
+            </el-table-column>
+            <el-table-column prop="zip" label="上传中" width="90" sortable #default="scope">
+                <p style="text-align: center;color: #868686;">{{ scope.row.zip }}</p>
+            </el-table-column>
+            <el-table-column prop="zip1" label="下载中" width="90" sortable #default="scope">
+                <p style="text-align: center;color: #868686;">{{ scope.row.zip1 }}</p>
+            </el-table-column>
+            <el-table-column prop="zip2" label="已完成" width="90" sortable #default="scope">
+                <p style="text-align: center;color: #868686;">{{ scope.row.zip2 }}</p>
+            </el-table-column>
+            <el-table-column prop="nickName" label="发布者" width="120" sortable #default="scope">
+                <p style="text-align: center;color: #868686;">{{ scope.row.nickName }}</p>
+            </el-table-column>
+        </el-table>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ElButton } from 'element-plus';
+import { ref } from 'vue';
+import LikebocaiIcon from '../components/likebocai/Icon.vue'
+import LikebocaiIconInfo from '../components/likebocai/IconInfo.vue'
+const tableData = [
+    {
+        date: '2016-05-03',
+        name: 'Tom',
+        state: '0',
+        city: '2月10日12:48',
+        address: '4.91GB',
+        zip: '180',
+        zip1: '30',
+        zip2: '60',
+        nickName: 'likebocai',
+        typeList: [0, 2],
+        title: '坎贝尔骨科手术学第12版 中文全8卷',
+        description: '坎贝尔骨科手术学第12版 中文全8卷'
+    },
+    {
+        date: '2016-05-02',
+        name: 'Tom',
+        state: '0',
+        city: '2月10日12:48',
+        address: '4.91GB',
+        zip: '180', zip1: '30', zip2: '61', nickName: 'likebocai', typeList: [0, 1, 2],
+        title: '尼尔逊儿科学(原著第19版) 上下全册 中文翻译版 毛萌 桂永浩主译 世界图书出版社公司',
+        description: '作者:罗伯特.克里格曼 毛萌 桂永浩主译'
+    },
+    {
+        date: '2016-05-03',
+        name: 'Tom',
+        state: '0',
+        city: '2月10日12:48',
+        address: '4.91GB',
+        zip: '180',
+        zip1: '30',
+        zip2: '60',
+        nickName: 'likebocai',
+        typeList: [0, 2],
+        title: '坎贝尔骨科手术学第12版 中文全8卷',
+        description: '坎贝尔骨科手术学第12版 中文全8卷'
+    },
+    {
+        date: '2016-05-02',
+        name: 'Tom',
+        state: '0',
+        city: '2月10日12:48',
+        address: '4.91GB',
+        zip: '180', zip1: '30', zip2: '61', nickName: 'likebocai', typeList: [0, 1, 2],
+        title: '尼尔逊儿科学(原著第19版) 上下全册 中文翻译版 毛萌 桂永浩主译 世界图书出版社公司',
+        description: '作者:罗伯特.克里格曼 毛萌 桂永浩主译'
+    },
+    {
+        date: '2016-05-03',
+        name: 'Tom',
+        state: '0',
+        city: '2月10日12:48',
+        address: '4.91GB',
+        zip: '180',
+        zip1: '30',
+        zip2: '60',
+        nickName: 'likebocai',
+        typeList: [0, 2],
+        title: '坎贝尔骨科手术学第12版 中文全8卷',
+        description: '坎贝尔骨科手术学第12版 中文全8卷'
+    },
+    {
+        date: '2016-05-02',
+        name: 'Tom',
+        state: '0',
+        city: '2月10日12:48',
+        address: '4.91GB',
+        zip: '180', zip1: '30', zip2: '61', nickName: 'likebocai', typeList: [0, 1, 2],
+        title: '尼尔逊儿科学(原著第19版) 上下全册 中文翻译版 毛萌 桂永浩主译 世界图书出版社公司',
+        description: '作者:罗伯特.克里格曼 毛萌 桂永浩主译'
+    },
+]
+</script>
+
+<style scoped>
+.torrent-list-body {
+    height: 100%;
+    width: 100%;
+    background-color: #fafbff;
+
+    .search-box {
+        height: 300px;
+
+        .search-look-box {
+            width: 800px;
+            height: 50px;
+            display: flex;
+            align-items: center;
+            border: 1px solid #d7d7d7;
+            border-radius: 8px;
+            position: relative;
+
+            .search-look-p {
+                height: 100%;
+                width: 80px;
+                color: #627ac7;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                position: absolute;
+                left: 0px;
+                margin-left: 15px;
+            }
+
+            .search {
+                border: 0px;
+                background-color: transparent;
+                outline: none;
+                font-size: 18px;
+                width: 550px;
+            }
+
+            .search::placeholder {
+                color: #bcbcbc;
+            }
+        }
+    }
+
+}
+</style>
\ No newline at end of file