improve: 顶部操作

template/admin/src/components/main/components/header-bar/header-bar.vue

@@ -19,6 +19,7 @@
 <style scoped lang="less">
 .ivu-icon-ios-refresh {
   font-size: 23px;
+  width: 20px;
 }
 .i-layout-header-trigger {
   position: absolute;

template/admin/src/components/main/components/header-notice/index.vue

@@ -3,7 +3,7 @@
     <Dropdown @on-click="jumpUrl" :transfer="true">
       <div>
         <Badge dot :count="needList.length ? needList.length : 0">
-          <Icon type="ios-notifications-outline" size="24"></Icon>
+          <Icon type="ios-notifications-outline" size="23"></Icon>
         </Badge>
       </div>
       <DropdownMenu slot="list" v-show="needList.length">
@@ -17,17 +17,18 @@
   </div>
 </template>
 <style scoped>
-.ivu-dropdown-item{
+.ivu-dropdown-item {
   display: flex;
   align-items: center;
 }
-.ivu-dropdown-item .iconImg{
+.ivu-dropdown-item .iconImg {
   margin-right: 10px;
 }
 </style>
 <style lang="less">
 .header-notice {
   margin-right: 30px;
+  cursor: pointer;
 }
 .header-notice .ivu-dropdown-item {
   font-size: 14px !important;
@@ -57,6 +58,8 @@
 }
 .header-notice .ivu-badge-dot {
   z-index: 0 !important;
+  top: 4px;
+  right: -4px;
 }
 </style>
 <script>

template/admin/src/components/main/components/reload/reload.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="refresh-btn-con" @click="handleReload">
+    <Tooltip content="刷新" placement="bottom">
       <Icon class="icon" type="ios-refresh" color="rgba(255,255,255,.8)" />
+    </Tooltip>
   </div>
 </template>
 
@@ -24,11 +26,11 @@ export default {
   font-size: 28px;
   color: #f2f2f2;
 }
-.icon:hover{
-  animation: rotate 6s linear infinite; 
-}
-@keyframes rotate {
-    0%{-webkit-transform:rotate(0deg);}
-    100%{-webkit-transform:rotate(360deg);}
-}
-</style>
+// .icon:hover{
+//   animation: rotate 6s linear infinite;
+// }
+// @keyframes rotate {
+//     0%{-webkit-transform:rotate(0deg);}
+//     100%{-webkit-transform:rotate(360deg);}
+// }
+</style>