diff --git a/src/pages.json b/src/pages.json
index 922dd88..8c37930 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -45,18 +45,24 @@
     "backgroundColor": "#F8F8F8"
   },
   "tabBar": {
-    "color": "#222",
-    "selectedColor": "#000",
-    "backgroundColor": "#FFF",
+    "color": "#474747",
+    "selectedColor": "#9BC6FC",
+    "backgroundColor": "#FFFFFF",
     "list": [{
       "pagePath": "pages/index/index",
-      "text": "首页"
+      "text": "首页",
+      "iconPath": "static/images/tabBar/home.png",
+      "selectedIconPath": "static/images/tabBar/selectedHome.png"
     },{
       "pagePath": "pages/demo/index",
-      "text": "Demo"
+      "text": "Demo",
+      "iconPath": "static/images/tabBar/demo.png",
+      "selectedIconPath": "static/images/tabBar/selectedDemo.png"
     },{
       "pagePath": "pages/about/index",
-      "text": "关于"
+      "text": "关于",
+      "iconPath": "static/images/tabBar/about.png",
+      "selectedIconPath": "static/images/tabBar/selectedAbout.png"
     }]
   }
 }
diff --git a/src/static/images/tabBar/about.png b/src/static/images/tabBar/about.png
new file mode 100644
index 0000000..1d9e2e8
Binary files /dev/null and b/src/static/images/tabBar/about.png differ
diff --git a/src/static/images/tabBar/category.png b/src/static/images/tabBar/category.png
new file mode 100644
index 0000000..ed2d66b
Binary files /dev/null and b/src/static/images/tabBar/category.png differ
diff --git a/src/static/images/tabBar/demo.png b/src/static/images/tabBar/demo.png
new file mode 100644
index 0000000..b7a1d39
Binary files /dev/null and b/src/static/images/tabBar/demo.png differ
diff --git a/src/static/images/tabBar/home.png b/src/static/images/tabBar/home.png
new file mode 100644
index 0000000..ec7d0c7
Binary files /dev/null and b/src/static/images/tabBar/home.png differ
diff --git a/src/static/images/tabBar/selectedAbout.png b/src/static/images/tabBar/selectedAbout.png
new file mode 100644
index 0000000..3566103
Binary files /dev/null and b/src/static/images/tabBar/selectedAbout.png differ
diff --git a/src/static/images/tabBar/selectedCategory.png b/src/static/images/tabBar/selectedCategory.png
new file mode 100644
index 0000000..c42ad6c
Binary files /dev/null and b/src/static/images/tabBar/selectedCategory.png differ
diff --git a/src/static/images/tabBar/selectedDemo.png b/src/static/images/tabBar/selectedDemo.png
new file mode 100644
index 0000000..1773840
Binary files /dev/null and b/src/static/images/tabBar/selectedDemo.png differ
diff --git a/src/static/images/tabBar/selectedHome.png b/src/static/images/tabBar/selectedHome.png
new file mode 100644
index 0000000..969aae2
Binary files /dev/null and b/src/static/images/tabBar/selectedHome.png differ
diff --git a/src/static/svg/404.svg b/src/static/svg/404.svg
new file mode 100644
index 0000000..212f549
--- /dev/null
+++ b/src/static/svg/404.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="1645602826416" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3227" data-spm-anchor-id="a313x.7781069.0.i21" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M260.266667 789.333333c-21.333333 0-38.4-17.066667-38.4-38.4v-59.733333H38.4c-12.8 0-29.866667-8.533333-34.133333-21.333333-4.266667-17.066667-4.266667-29.866667 4.266666-42.666667l221.866667-294.4c8.533333-12.8 25.6-17.066667 42.666667-12.8 17.066667 4.266667 25.6 21.333333 25.6 38.4v256h34.133333c21.333333 0 38.4 17.066667 38.4 38.4s-17.066667 38.4-38.4 38.4H298.666667v59.733333c0 21.333333-17.066667 38.4-38.4 38.4z m-145.066667-179.2h106.666667V469.333333l-106.666667 140.8zM913.066667 742.4c-21.333333 0-38.4-17.066667-38.4-38.4v-59.733333h-183.466667c-12.8 0-29.866667-8.533333-34.133333-21.333334-8.533333-12.8-4.266667-29.866667 4.266666-38.4l221.866667-294.4c8.533333-12.8 25.6-17.066667 42.666667-12.8 17.066667 4.266667 25.6 21.333333 25.6 38.4v256h34.133333c21.333333 0 38.4 17.066667 38.4 38.4s-17.066667 38.4-38.4 38.4h-34.133333v59.733334c0 17.066667-17.066667 34.133333-38.4 34.133333zM768 567.466667h106.666667V426.666667L768 567.466667zM533.333333 597.333333c-46.933333 0-85.333333-25.6-119.466666-68.266666-29.866667-38.4-42.666667-93.866667-42.666667-145.066667 0-55.466667 17.066667-106.666667 42.666667-145.066667 29.866667-42.666667 72.533333-68.266667 119.466666-68.266666 46.933333 0 85.333333 25.6 119.466667 68.266666 29.866667 38.4 42.666667 93.866667 42.666667 145.066667 0 55.466667-17.066667 106.666667-42.666667 145.066667-34.133333 46.933333-76.8 68.266667-119.466667 68.266666z m0-362.666666c-55.466667 0-98.133333 68.266667-98.133333 149.333333s46.933333 149.333333 98.133333 149.333333c55.466667 0 98.133333-68.266667 98.133334-149.333333s-46.933333-149.333333-98.133334-149.333333z" fill="#5e7987" p-id="3228" data-spm-anchor-id="a313x.7781069.0.i16" class=""></path><path d="M354.133333 691.2a162.133333 21.333333 0 1 0 324.266667 0 162.133333 21.333333 0 1 0-324.266667 0Z" fill="#d0dfe6" p-id="3229" data-spm-anchor-id="a313x.7781069.0.i20" class=""></path><path d="M8.533333 832a162.133333 21.333333 0 1 0 324.266667 0 162.133333 21.333333 0 1 0-324.266667 0Z" fill="#d0dfe6" p-id="3230" data-spm-anchor-id="a313x.7781069.0.i22" class=""></path><path d="M661.333333 797.866667a162.133333 21.333333 0 1 0 324.266667 0 162.133333 21.333333 0 1 0-324.266667 0Z" fill="#d0dfe6" p-id="3231" data-spm-anchor-id="a313x.7781069.0.i19" class=""></path></svg>
\ No newline at end of file
diff --git a/src/static/svg/LOGO.svg b/src/static/svg/LOGO.svg
new file mode 100644
index 0000000..6e8bed6
--- /dev/null
+++ b/src/static/svg/LOGO.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="1655273862194" class="icon" viewBox="0 0 1390 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="60765" width="347.5" height="256" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M1279.461328 1023.998758h-73.995772a7.040297 7.040297 0 1 1 0-14.080594h73.995772a7.040297 7.040297 0 1 1 0 14.080594zM1151.650562 1023.998758H167.345221a7.040297 7.040297 0 1 1 0-14.080594h984.305341a7.040297 7.040297 0 1 1 0 14.080594zM135.263372 1023.998758H111.45999a7.040297 7.040297 0 1 1 0-14.080594h23.803382a7.040297 7.040297 0 1 1 0 14.080594z" fill="#7ECAFC" p-id="60766"></path><path d="M111.402862 447.746266c-0.699186-7.821449-7.606601-13.593772-15.426807-12.894586a14.627028 14.627028 0 0 0-9.558859 5.065686 13.660834 13.660834 0 0 0-3.179248 10.316413 14.6084 14.6084 0 0 0 5.140199 9.558859 13.088321 13.088321 0 0 0 9.003732 3.381677h1.126398c7.820207-0.699186 13.593772-7.606601 12.894585-15.428049z m-8.66221 11.406796a11.529744 11.529744 0 0 1-12.756736-1.398372 10.561067 10.561067 0 0 1-4.0523-7.801579 11.539679 11.539679 0 0 1 2.593075-8.488345 10.578453 10.578453 0 0 1 7.821448-4.053543h1.033256a11.447779 11.447779 0 0 1 11.508632 10.475377 11.529744 11.529744 0 0 1-6.147375 11.266462zM1261.965525 127.517679c-0.968677-10.820623-10.527536-18.809727-21.346916-17.841049a20.221761 20.221761 0 0 0-13.223688 7.008008 18.901627 18.901627 0 0 0-4.401272 14.27433 20.210584 20.210584 0 0 0 7.113569 13.224929 18.108057 18.108057 0 0 0 12.457439 4.679457h1.558577c10.819381-0.966194 18.807243-10.522568 17.842291-21.345675z m-11.986761 15.78199a15.955855 15.955855 0 0 1-17.652282-1.934871 14.6084 14.6084 0 0 1-5.608393-10.794543 15.96579 15.96579 0 0 1 3.587832-11.745834 14.639447 14.639447 0 0 1 10.821864-5.608393h1.430662c8.279708-0.074514 15.221895 6.241759 15.922324 14.494145a15.947161 15.947161 0 0 1-8.502007 15.589496zM153.703015 103.577688a3.055059 3.055059 0 0 1-3.055059-3.055059V80.76782L136.695276 94.7205a3.132057 3.132057 0 0 1-4.428594-4.427352l13.955163-13.95268h-19.790823a3.06872 3.06872 0 1 1 0-6.138682h19.790823l-13.955163-13.786266a2.915967 2.915967 0 0 1 0-4.427352 2.914725 2.914725 0 0 1 2.215539-1.015869c0.850697 0 1.656687 0.368843 2.213055 1.015869l13.951438 13.818555V46.049431a3.051334 3.051334 0 0 1 4.693117-3.164346 3.04264 3.04264 0 0 1 1.277909 3.164346v19.757292l14.089288-13.953921a2.918451 2.918451 0 0 1 4.428594 0 2.918451 2.918451 0 0 1 0 4.427352l-13.955163 13.955163h19.75605a3.067478 3.067478 0 1 1 0 6.136199h-19.75605l13.955163 13.956405c0.791086 0.787361 1.097834 1.94108 0.809715 3.021528a3.138266 3.138266 0 0 1-2.213055 2.215539 3.134541 3.134541 0 0 1-3.025254-0.813441l-14.089288-13.984969v19.756051c0.336553 1.71133-1.372293 3.053817-3.051333 3.053817h0.136608zM214.113708 940.446611h-8.443637v-8.444879c0-1.404582-1.136333-2.540915-2.540915-2.540915s-2.540915 1.136333-2.540915 2.540915v8.444879h-8.443638a2.539673 2.539673 0 1 0 0 5.081831h8.443638v8.443637a2.529738 2.529738 0 0 0 2.528496 2.526013l0.02608-0.109287a2.521045 2.521045 0 0 0 2.527254-2.528496v-8.330625h8.443637a2.542157 2.542157 0 0 0 0-5.083073zM1242.465305 869.652442c0 16.738248-11.334767 29.903566-25.352025 29.903566 14.05824 0 25.352025 13.391343 25.352025 29.904809 0-16.740732 11.336009-29.904808 25.348299-29.904809-14.05824 0-25.348299-13.386376-25.348299-29.903566z m0 0" fill="#CCCCCC" p-id="60767"></path><path d="M988.198679 129.231493H402.550016C319.268602 129.231493 252.104489 196.395606 252.104489 279.675778v586.993634c0 81.935201 67.164113 149.094346 150.445527 149.094347h586.992392c81.936443 0 149.095588-67.159146 149.095588-150.443044V279.675778c-0.001242-83.280172-67.160387-150.444285-150.439317-150.444285z" fill="#DFEFF7" p-id="60768"></path><path d="M326.618131 866.669412v-586.993634c0-83.280172 67.164113-150.444285 150.445527-150.444285h-74.513642C319.268602 129.231493 252.104489 196.395606 252.104489 279.675778v586.993634c0 81.935201 67.164113 149.094346 150.445527 149.094347h74.513642c-83.281414 0-150.445527-67.159146-150.445527-149.094347z" fill="#C7E6F9" p-id="60769"></path><path d="M989.542408 1022.804056H402.550016c-86.838198 0-157.485824-70.04034-157.485824-156.134644v-586.993634c0-42.158577 16.355744-81.732772 46.054398-111.431426s69.272849-46.054398 111.431426-46.054398h585.648663c42.157335 0 81.73153 16.355744 111.428942 46.054398 29.69617 29.698654 46.050673 69.271607 46.050673 111.431426v326.867752a7.040297 7.040297 0 1 1-14.080595 0V279.675778c0-79.072635-64.328869-143.403988-143.39902-143.403988H402.550016c-79.073877 0-143.403988 64.330111-143.403988 143.403988v586.993634c0 78.327499 64.330111 142.054049 143.403988 142.054049h586.992392c78.328741 0 142.055291-64.330111 142.055291-143.402746v-51.587036a7.040297 7.040297 0 1 1 14.080595 0v51.587036c-0.001242 86.836957-70.042824 157.483341-156.135886 157.483341z" fill="#7ECAFC" p-id="60770"></path><path d="M1138.636754 709.003513a7.040297 7.040297 0 0 1-7.040297-7.040297v-58.989966a7.040297 7.040297 0 1 1 14.080595 0v58.989966a7.040297 7.040297 0 0 1-7.040298 7.040297z" fill="#7ECAFC" p-id="60771"></path><path d="M482.123134 729.322142h-64.702679c-11.539679 0-20.605506-9.065826-20.605506-20.605506V443.320155c0-11.539679 9.067068-20.606748 20.605506-20.606748s20.605506 9.067068 20.605506 20.606748v244.789733h44.095931c11.539679 0 20.605506 9.067068 20.605506 20.606748s-9.065826 20.605506-20.604264 20.605506z" fill="#B1DDFC" p-id="60772"></path><path d="M645.727771 422.713407h-89.839857c-11.539679 0-20.60178 9.067068-20.60178 20.606748v265.396481c0 11.539679 9.063343 20.605506 20.60178 20.605506h89.839857c11.539679 0 20.605506-9.065826 20.605505-20.605506V443.320155c0-11.539679-9.065826-20.606748-20.605505-20.606748z m-20.601781 265.396481h-48.631328V463.925661h48.631328v224.184227z" fill="#FFFFFF" p-id="60773"></path><path d="M980.362327 422.713407h-89.839856c-11.539679 0-20.606748 9.067068-20.606748 20.606748v265.396481c0 11.539679 9.067068 20.605506 20.606748 20.605506h89.839856c11.538437 0 20.605506-9.065826 20.605506-20.605506V443.320155c0-11.539679-9.067068-20.606748-20.605506-20.606748z m-20.606747 265.396481H911.127977V463.925661h48.627603v224.184227z" fill="#B1DDFC" p-id="60774"></path><path d="M814.693663 729.322142h-90.252165c-11.538437 0-20.605506-9.065826-20.605506-20.605506V443.320155c0-11.539679 9.067068-20.606748 20.605506-20.606748h90.252165c11.539679 0 20.606748 9.067068 20.606748 20.606748v81.185097c0 11.539679-9.067068 20.60178-20.606748 20.60178-11.538437 0-20.605506-9.063343-20.605506-20.60178v-60.579591h-49.039911v224.184227h49.039911v-56.456503h-1.646751c-11.538437 0-20.605506-9.067068-20.605506-20.605505 0-11.539679 9.067068-20.606748 20.605506-20.606748h22.252257c11.539679 0 20.606748 9.067068 20.606748 20.606748v97.668756c0 11.539679-9.067068 20.605506-20.606748 20.605506z" fill="#209AFD" p-id="60775"></path></svg>
\ No newline at end of file