style:头部样式
Showing
2 changed files
with
6 additions
and
1 deletions
| ... | @@ -117,6 +117,7 @@ | ... | @@ -117,6 +117,7 @@ |
| 117 | .svg-icon { | 117 | .svg-icon { |
| 118 | width: 2.5em; | 118 | width: 2.5em; |
| 119 | height: 2.5em; | 119 | height: 2.5em; |
| 120 | transition: all 0.3s; | ||
| 120 | } | 121 | } |
| 121 | 122 | ||
| 122 | .iconName { | 123 | .iconName { |
| ... | @@ -184,6 +185,10 @@ | ... | @@ -184,6 +185,10 @@ |
| 184 | li:hover { | 185 | li:hover { |
| 185 | border: 1px solid #ffffff; | 186 | border: 1px solid #ffffff; |
| 186 | border-radius: 5px; | 187 | border-radius: 5px; |
| 188 | |||
| 189 | .icon { | ||
| 190 | transform: scale(1.3); | ||
| 191 | } | ||
| 187 | } | 192 | } |
| 188 | } | 193 | } |
| 189 | } | 194 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -5,7 +5,7 @@ | ... | @@ -5,7 +5,7 @@ |
| 5 | <!-- 左侧业务功能按钮 --> | 5 | <!-- 左侧业务功能按钮 --> |
| 6 | <ul> | 6 | <ul> |
| 7 | <li @click="operation(index, item)" v-for="(item, index) in leftButtonList" :key="index"> | 7 | <li @click="operation(index, item)" v-for="(item, index) in leftButtonList" :key="index"> |
| 8 | <svg-icon :icon-class="item.icon" /> | 8 | <svg-icon class="icon" :icon-class="item.icon" /> |
| 9 | <span class="iconName">{{ item.name }}</span> | 9 | <span class="iconName">{{ item.name }}</span> |
| 10 | </li> | 10 | </li> |
| 11 | </ul> | 11 | </ul> | ... | ... |
-
Please register or sign in to post a comment