diff --git a/ShadowEditor.Web/assets/svg/guard.svg b/ShadowEditor.Web/assets/svg/guard.svg
new file mode 100644
index 00000000..982a3412
--- /dev/null
+++ b/ShadowEditor.Web/assets/svg/guard.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1556196716429" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5777" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24"><defs><style type="text/css"></style></defs><path d="M512 1023.999999l-10.871556-4.210371C151.981835 884.837802 111.60626 708.442098 111.60626 587.503896L111.60626 125.588463l31.169316 1.068303c242.693341 8.263639 346.035962-101.268855 347.010003-102.337159L512.031421 0l22.214422 24.319607c0.816938 0.879779 98.755201 102.777048 321.087941 102.777048 0 0 0 0 0.031421 0 8.452163 0 17.092851-0.125683 25.859221-0.43989l31.169316-1.068303 0 461.915434c0 120.938202-40.375575 297.333906-389.522184 432.285731L512 1023.999999zM171.871127 187.361522l0 400.142375c0 65.04081 0.031421 236.754833 340.128873 371.832341 340.128873-135.077508 340.128873-306.791531 340.128873-371.832341L852.128873 187.361522c-188.335563-0.722676-296.705492-67.742989-340.128873-102.368579C468.545198 119.587112 360.175269 186.576005 171.871127 187.361522zM242.064928 537.38791l61.930163-50.178828 123.923166 91.434182c0 0 171.11703-177.024118 336.326971-259.629088l23.596932 26.581896c0 0-206.496717 171.11703-312.698619 398.319975L242.064928 537.38791z" p-id="5778" fill="#e6e6e6"></path></svg>
\ No newline at end of file
diff --git a/ShadowEditor.Web/assets/svg/plane.svg b/ShadowEditor.Web/assets/svg/plane.svg
new file mode 100644
index 00000000..d8522dff
--- /dev/null
+++ b/ShadowEditor.Web/assets/svg/plane.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1556196732470" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6894" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24"><defs><style type="text/css"></style></defs><path d="M714.94656 957.18912a20.21888 20.21888 0 0 1-19.33312-14.27968l-114.24256-371.76832-136.41216 115.58912 1.65376 201.04192a20.21888 20.21888 0 0 1-5.79584 14.336l-33.77152 34.37568a20.21376 20.21376 0 0 1-33.28-6.87616L300.672 740.6592l-196.17792-84.27008a20.22912 20.22912 0 0 1-6.5024-32.6912l33.6384-34.49344a20.25472 20.25472 0 0 1 15.46752-6.08256l205.76768 10.07616 115.89632-142.19264-374.35904-118.90176a20.21376 20.21376 0 0 1-8.33024-33.41824l64.26112-65.63328a20.2752 20.2752 0 0 1 16.47616-5.97504l461.64992 46.47936 130.82112-131.1232c52.10112-52.71552 102.05184-60.98944 127.18592-60.98944h0.36864c23.34208 0 43.96544 6.90176 55.23968 18.18112 27.22304 27.22304 25.87648 104.88832-47.46752 179.71712-0.05632 0.0512-0.10752 0.1536-0.1536 0.2048l-131.97312 131.75808 36.92544 458.3936a20.23936 20.23936 0 0 1-5.7088 15.78496l-64.3072 65.62816a20.22912 20.22912 0 0 1-14.44352 6.07744z m-123.24352-441.5232a20.21888 20.21888 0 0 1 19.31776 14.27968l113.25952 368.5888 34.06336-34.75968L721.408 405.248a20.20352 20.20352 0 0 1 5.86752-15.93344l138.52672-138.27072c33.99168-34.70336 45.952-65.15712 50.00704-84.59264 4.99712-23.9616-0.67584-36.28032-2.34496-38.05184-7.43936-7.33184-63.90784-19.62496-125.48096 42.71104a1.3568 1.3568 0 0 1-0.08704 0.08192l-137.61536 137.73824a20.21376 20.21376 0 0 1-16.32768 5.82656L172.43136 268.288l-34.47296 35.21024 371.38432 117.9392a20.21376 20.21376 0 0 1 9.55392 32.04608l-141.13792 173.16352c-4.06016 4.98688-10.24 7.72608-16.6656 7.424l-206.86848-10.12736-6.72256 6.89152 176.94208 76.0064a20.23936 20.23936 0 0 1 10.88 11.28448l64.84992 167.64928 5.93408-6.04672-1.65888-202.1376a20.18816 20.18816 0 0 1 7.14752-15.5904l167.03488-141.54752a20.23936 20.23936 0 0 1 13.07136-4.7872z" p-id="6895" fill="#e6e6e6"></path></svg>
\ No newline at end of file
diff --git a/ShadowEditor.Web/assets/svg/water.svg b/ShadowEditor.Web/assets/svg/water.svg
new file mode 100644
index 00000000..0926ca86
--- /dev/null
+++ b/ShadowEditor.Web/assets/svg/water.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1556196749741" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7881" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24"><defs><style type="text/css"></style></defs><path d="M547.392 17.024c-1.408-11.264-19.904-11.264-21.312 0C479.424 393.344 243.008 470.272 243.008 726.72c0 160.32 134.464 290.304 293.76 290.304 159.232 0 293.696-129.984 293.696-290.304C830.464 470.272 594.048 393.344 547.392 17.024zM536.704 963.776c-130.432 0-240.512-106.368-240.512-237.632 0-212.416 185.088-294.464 240.576-528.32 2.112-9.024-2.176-1.792 0 7.232 53.056 218.048 249.024 329.472 240.384 521.152C771.264 857.28 667.072 963.776 536.704 963.776zM587.648 901.952c-14.464 0-26.176-12.16-26.176-27.136 0-14.976 11.712-27.136 26.176-27.136 36.032 0 65.344-30.272 65.344-67.584 0-14.976 11.712-27.136 26.176-27.136 10.816 0 20.16 6.784 24.128 16.512 1.344 3.264 2.112 6.848 2.112 10.624C705.28 847.296 652.48 901.952 587.648 901.952L587.648 901.952zM601.088 880" p-id="7882" fill="#e6e6e6"></path></svg>
\ No newline at end of file
diff --git a/ShadowEditor.Web/src/visual/Sidebar.js b/ShadowEditor.Web/src/visual/Sidebar.js
index b6a6a9df..23fe4ba4 100644
--- a/ShadowEditor.Web/src/visual/Sidebar.js
+++ b/ShadowEditor.Web/src/visual/Sidebar.js
@@ -29,6 +29,14 @@ Sidebar.prototype.render = function () {
         .attr('href', 'assets/panel1.png')
         .attr('opacity', '0.5');
 
+    // 背景
+    // group.append('rect')
+    //     .attr('x', 0)
+    //     .attr('y', 0)
+    //     .attr('width', 270)
+    //     .attr('height', 969)
+    //     .attr('fill', 'rgba(0,0,0,0.5)');
+
     // 时间
     group.append('text')
         .text('14:21')
@@ -105,7 +113,7 @@ Sidebar.prototype.render = function () {
         .attr('y', 20)
         .attr('width', 24)
         .attr('height', 24)
-        .attr('href', 'assets/svg/home.svg');
+        .attr('href', 'assets/svg/plane.svg');
 
     var tab3 = group.append('g')
         .attr('transform', 'translate(14,150)');
@@ -118,7 +126,7 @@ Sidebar.prototype.render = function () {
         .attr('y', 20)
         .attr('width', 24)
         .attr('height', 24)
-        .attr('href', 'assets/svg/home.svg');
+        .attr('href', 'assets/svg/water.svg');
 
     var tab4 = group.append('g')
         .attr('transform', 'translate(14,196)');
@@ -131,7 +139,7 @@ Sidebar.prototype.render = function () {
         .attr('y', 20)
         .attr('width', 24)
         .attr('height', 24)
-        .attr('href', 'assets/svg/home.svg');
+        .attr('href', 'assets/svg/guard.svg');
 
     var header = group.append('g')
         .attr('transform', 'translate(15,276)');