diff --git a/src/views/layout/components/Sidebar/index.vue b/src/views/layout/components/Sidebar/index.vue
index b79f097b..2b9b58e9 100644
--- a/src/views/layout/components/Sidebar/index.vue
+++ b/src/views/layout/components/Sidebar/index.vue
@@ -37,6 +37,14 @@ export default {
 }
 </script>
 
+<style lang="scss">
+.el-menu .menu-wrapper a:nth-child(1) .el-menu-item{
+  background-image: linear-gradient(to right, rgba(42,63,104,.2), rgb(52,87,150), rgb(62,111,225)) !important;
+  color: #fff !important;
+}
+
+</style>
+
 <style rel="stylesheet/scss" lang="scss" scoped>
   .logo {
     height: 56px;