diff --git a/src/api/cloud.ts b/src/api/cloud.ts
new file mode 100644
index 0000000..d1f511a
--- /dev/null
+++ b/src/api/cloud.ts
@@ -0,0 +1,15 @@
+import request from '../utils/request'
+
+const headers = {
+  'Content-Type': 'application/json;charsetset=UTF-8'
+}
+
+const getAudioInfo = (url: string) => {
+  return request({
+    url: '/common/audio-info',
+    method: 'GET',
+    params: { url: url },
+  })
+}
+
+export { getAudioInfo }
\ No newline at end of file
diff --git a/src/components/layout/SideBar.vue b/src/components/layout/SideBar.vue
index d682372..1cb3355 100644
--- a/src/components/layout/SideBar.vue
+++ b/src/components/layout/SideBar.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-menu router>
+    <el-menu router class="side_Style" :style="{ height: sideHeight }">
       <el-menu-item v-for="(route, index) in current_routes" v-bind:key="index" v-bind:index="route.path"
         v-bind:title="route.meta?.name">{{ route.meta?.name }}</el-menu-item>
     </el-menu>
@@ -11,11 +11,18 @@
 import { RouteRecordRaw } from "vue-router";
 import { store } from "../../store/index";
 import router from "../../router/index";
+import { onBeforeMount, ref } from 'vue';
 let current_routes = router.options.routes[0].children;
+
+
+let sideHeight = ref("")
+onBeforeMount(() => {
+  sideHeight.value = window.innerHeight + 'px'
+})
 </script>
 
 <style>
-closeStyle {
+.side_Style {
   width: 100px;
 }
 
diff --git a/src/store/index.ts b/src/store/index.ts
index 7f6a005..7c9c5ba 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -1,14 +1,14 @@
 import { defineStore } from 'pinia'
 import { Tables } from './table'
 
-export const store = defineStore(Tables.AccessRoutes, {
+export const cloudStore = defineStore({
+  id: 'cloudStore',
   state: () => {
-    return [
-      {
-        current: 1,
-        name: 'xiaoman'
-      }
-    ]
+    return {
+      tableData: 1,
+      showDocument: false,
+      tableSize: 12
+    }
   },
   getters: {
 
diff --git a/src/view/bookmark/index.vue b/src/view/bookmark/index.vue
index 9f33027..68436e9 100644
--- a/src/view/bookmark/index.vue
+++ b/src/view/bookmark/index.vue
@@ -22,9 +22,10 @@
 
     <el-table ref="multipleTableRef" :data="tableData" @selection-change="handleSelectionChange" style="width: 100%">
       <el-table-column type="selection" width="55" />
-      <el-table-column type="index" label="index" width="180" />
-      <el-table-column prop="bk_type_name" label="分类" width="180" />
+      <el-table-column type="index" label="index" width="80" />
+      <el-table-column prop="bk_type_name" label="分类" width="100" />
       <el-table-column prop="comment" label="名称" width="180" />
+      <el-table-column prop="facvion" label="图标" width="60" />
       <el-table-column class="click-icon" prop="url" label="url">
         <template #default="scope">
           <span style="cursor: pointer" @click="openUrl(scope.row.url)">{{ scope.row.url }}</span>
@@ -206,8 +207,9 @@ const doDelete = (delete_id: any) => {
   let query = delete_id
   delete_bookmark(query).then(response => {
     dialogVisible.value = false
+    doSearch()
   })
-  dialogVisible.value = false
+
 }
 
 const closeDialog = () => {
@@ -215,6 +217,7 @@ const closeDialog = () => {
 }
 const doSubmit = () => {
   dialogFormVisible.value = false
+  doSearch()
 }
 // 复制转换成功的数值，并提示 复制成功 信息
 const copyNumber = (record: Bookmark) => {
@@ -224,6 +227,7 @@ const copyNumber = (record: Bookmark) => {
     message: h('i', { style: 'color: teal' }, '复制成功'),
   })
 }
+doSearch()
 </script>
 
 <style scoped>