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