diff --git a/src/assets/header-drop-active.svg b/src/assets/header-drop-active.svg new file mode 100644 index 0000000..08b4e4a --- /dev/null +++ b/src/assets/header-drop-active.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/Header.vue b/src/components/Header.vue index 7c594cb..d362c20 100644 --- a/src/components/Header.vue +++ b/src/components/Header.vue @@ -10,7 +10,7 @@ 我的域名 @@ -90,6 +90,11 @@ a:hover { padding: 10px; transition: all .3s; cursor: pointer; + .img{ + width: 16px; + height: 16px; + background-image: url('../assets/header-drop.svg'); + } &:hover{ border-radius: 6px; background: rgba(255, 255, 255, 0.4); @@ -97,6 +102,9 @@ a:hover { transition: all .3s; } } + .right-item:hover .img{ + background-image: url('../assets/header-drop-active.svg'); + } .el-dropdown .right-item{ padding: 0 10px; cursor: pointer;