diff --git a/src/store/modules/taskbar.js b/src/store/modules/taskbar.js
index 8c0b720560223b759e216a7d79d7a0e5476816cc..36daf838f8854e55c60cc674a9b82168b206ccc7 100644
--- a/src/store/modules/taskbar.js
+++ b/src/store/modules/taskbar.js
@@ -1,5 +1,5 @@
 const state = {
-	startMapShow: true,
+	startMapShow: false,
 	currentPag: 'start'
 }
 
diff --git a/src/views/taskbar/components/search/components/others.vue b/src/views/taskbar/components/search/components/others.vue
new file mode 100644
index 0000000000000000000000000000000000000000..6fa2abbd2149ce47d9a3c85810f91ce6737bba14
--- /dev/null
+++ b/src/views/taskbar/components/search/components/others.vue
@@ -0,0 +1,9 @@
+<template>
+  <div>即将上线</div>
+</template>
+<style lang="scss" scoped>
+div{
+  width: 100%;
+  text-align: center;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/taskbar/components/search/index.vue b/src/views/taskbar/components/search/index.vue
index 47158a20f909273131c4d3ee14a2d01f4d28052e..7747f9a7fbc1378f852f9ed882d737f976af6791 100644
--- a/src/views/taskbar/components/search/index.vue
+++ b/src/views/taskbar/components/search/index.vue
@@ -17,9 +17,11 @@
 <script>
 import { ref } from "@vue/reactivity";
 import All from './components/all.vue'
+import Others from './components/others.vue'
 export default {
   components:{
-    All
+    All,
+    Others
   },
   setup() {
     let searchData = ref(undefined);
@@ -29,7 +31,8 @@ export default {
     const aaa=()=>{}
     const index=()=>{
       if(page.value.toLowerCase()===activeName.value.toLowerCase()) return
-      page.value = activeName.value.replace(activeName.value[0], activeName.value[0].toUpperCase());
+      // page.value = activeName.value.replace(activeName.value[0], activeName.value[0].toUpperCase());
+      page.value = activeName.value==='all'?'All':'Others'
     }
     return {
       searchData,
@@ -47,7 +50,6 @@ export default {
   box-sizing: border-box;
   padding: 12px;
   width: 100%;
-  height: 100%;
   text-align: left;
 }
 .el-input {
diff --git a/src/views/taskbar/index.vue b/src/views/taskbar/index.vue
index 615f56bb74b43edaa6f051251e219341383244ac..0972e9fe818cb19cf5fd76e451f26c033ad8e95c 100644
--- a/src/views/taskbar/index.vue
+++ b/src/views/taskbar/index.vue
@@ -32,7 +32,19 @@
       </div>
     </div>
     <!-- 任务栏右边部分 -->
-    <div></div>
+    <div class="flex taskRight">
+      <div class="startMenu rightMenu">
+        <i class="el-icon-arrow-up"></i>
+      </div>
+      <div class="startMenu rightMenu"><img class="rightImg" :src="wifiImg" alt="wifi"></div>
+      <div class="startMenu rightMenu"><img class="rightImg" :src="batteryImg" alt="battery"></div>
+      <div class="startMenu rightMenu"><img class="audoiImg" :src="audioImg" alt="audio"></div>
+      <div class="rightTime">
+        <span>15:18</span>
+        <span>2021/9/10</span>
+      </div>
+      <div class="startMenu rightMenu"><img class="rightImg sidebar" :src="sidebarImg" alt="sidebar"></div>
+    </div>
     <!-- 开始按钮和搜索按钮弹框 -->
     <transition name="el-zoom-in-bottom">
       <div v-show="isShow" class="box" @click.stop='aaa'>
@@ -43,7 +55,7 @@
 </template>
 
 <script>
-import { computed, reactive, watch, ref } from "@vue/runtime-core";
+import { computed, reactive, watch, ref } from "vue";
 import { useStore } from "vuex";
 import StartMap from './components/startMap/index.vue'
 import Search from './components/search/index.vue'
@@ -68,7 +80,11 @@ export default {
 			setImg: require("@/assets/img/icon/settings.png"),
 			fileImg: require("@/assets/img/icon/explorer.png"),
 			edgeImg: require("@/assets/img/icon/edge.png"),
-			storeImg: require("@/assets/img/icon/store.png")
+			storeImg: require("@/assets/img/icon/store.png"),
+      wifiImg: require("@/assets/img/icon/ui/wifi.png"),
+			batteryImg: require("@/assets/img/icon/ui/battery.png"),
+			audioImg: require("@/assets/img/icon/ui/audio.png"),
+			sidebarImg: require("@/assets/img/icon/ui/sidepane.png")
     });
     watch(()=>store.state.theme, () => {
       if (store.state.theme === "light") {
@@ -99,7 +115,8 @@ export default {
 <style lang='scss' scoped>
 .taskbar {
   width: 100%;
-  // position: relative;
+  position: relative;
+  user-select: none;
 }
 .box {
   width: 520px;
@@ -116,6 +133,7 @@ export default {
 .startMenu {
   width: 40px;
   height: 40px;
+  line-height: 40px;
   transition: all 0.5s;
   user-select: none;
   &:hover {
@@ -123,7 +141,38 @@ export default {
   }
   img {
     height: 24px;
-    transition: all 0.5s;
+    vertical-align: middle;
+  }
+}
+.taskRight{
+  position: absolute;
+  right: 4px;
+  top: 0;
+  bottom: 0;
+  justify-content: flex-end;
+  .rightMenu{
+    width: auto;
+    padding: 0 5px;
+    &:nth-last-of-type(1){
+      border-right: 1px solid lightgray;
+    }
+    .rightImg{
+      height: 40%;
+    }
+    .sidebar{
+      filter: invert(1);
+    }
+    .audoiImg{
+      height: 55%;
+    }
+  }
+  .rightTime{
+    padding: 0 5px;
+    font-size: 12px;
+    display: grid;
+    grid-template-rows: 50% 50%;
+    align-items: center;
+    justify-items: center;
   }
 }
 </style>
\ No newline at end of file
diff --git "a/\351\241\271\347\233\256\351\227\256\351\242\230.md" "b/\351\241\271\347\233\256\351\227\256\351\242\230.md"
index 91b0e77f7fcffcdce0dc5a155557a4848200bcbe..20eb10e99fa9f661956e7e34a2e5cd12721f9d57 100644
--- "a/\351\241\271\347\233\256\351\227\256\351\242\230.md"
+++ "b/\351\241\271\347\233\256\351\227\256\351\242\230.md"
@@ -26,6 +26,7 @@
 ### 小部件
 #### 操作逻辑
 同 搜索按钮
+组件在 home 上，通过 vuex 控制
 
 ### 设置
 #### 操作逻辑