Hooke / hager

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
eda90de8 1 parent af222254

按钮hover样式优化

Inline Side-by-side
Showing 4 changed files with 19 additions and 8 deletions
1 <!-- 1 <!--
2 * @Date: 2024-09-29 10:31:01 2 * @Date: 2024-09-29 10:31:01
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-21 11:34:48 4 + * @LastEditTime: 2024-11-04 16:35:33
5 * @FilePath: /hager/src/components/hagerLoadMore.vue 5 * @FilePath: /hager/src/components/hagerLoadMore.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
8 <template> 8 <template>
9 <div class="hager-load-more"> 9 <div class="hager-load-more">
10 <div class="get-more"> 10 <div class="get-more">
11 - <div class="btn">加载更多...</div> 11 + <div class="btn">加载更多</div>
12 </div> 12 </div>
13 </div> 13 </div>
14 </template> 14 </template>
...@@ -43,7 +43,10 @@ export default { ...@@ -43,7 +43,10 @@ export default {
43 padding: 1rem 2rem; 43 padding: 1rem 2rem;
44 width: 5rem; 44 width: 5rem;
45 margin-bottom: 2rem; 45 margin-bottom: 2rem;
46 + transition: background-color .25s ease-in-out;
47 + text-align: center;
46 &:hover { 48 &:hover {
49 + background-color: #ff8f33;
47 cursor: pointer; 50 cursor: pointer;
48 } 51 }
49 } 52 }
......
1 <!-- 1 <!--
2 * @Date: 2024-09-29 10:31:01 2 * @Date: 2024-09-29 10:31:01
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-21 11:32:10 4 + * @LastEditTime: 2024-11-04 16:34:21
5 * @FilePath: /hager/src/components/hagerMore.vue 5 * @FilePath: /hager/src/components/hagerMore.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -37,5 +37,10 @@ export default { ...@@ -37,5 +37,10 @@ export default {
37 display: inline-block; 37 display: inline-block;
38 cursor: pointer; 38 cursor: pointer;
39 background-color: #F56400; 39 background-color: #F56400;
40 + transition: background-color .25s ease-in-out;
41 + &:hover {
42 + cursor: pointer;
43 + background-color: #ff8f33;
44 + }
40 } 45 }
41 </style> 46 </style>
......
1 <!-- 1 <!--
2 * @Date: 2024-10-17 09:22:56 2 * @Date: 2024-10-17 09:22:56
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-31 14:15:06 4 + * @LastEditTime: 2024-11-04 16:35:38
5 * @FilePath: /hager/src/views/about/index.vue 5 * @FilePath: /hager/src/views/about/index.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -198,10 +198,11 @@ export default { ...@@ -198,10 +198,11 @@ export default {
198 color: #FFF; 198 color: #FFF;
199 text-align: center; 199 text-align: center;
200 line-height: 1rem; 200 line-height: 1rem;
201 + transition: background-color .25s ease-in-out;
201 &:hover { 202 &:hover {
202 - // background-color: #FFF; 203 + background-color: #ff8f33;
203 - // color: #F56400;
204 cursor: pointer; 204 cursor: pointer;
205 + // color: #F56400;
205 // border: 1px solid #F56400; 206 // border: 1px solid #F56400;
206 } 207 }
207 } 208 }
......
1 <!-- 1 <!--
2 * @Date: 2024-10-18 13:45:53 2 * @Date: 2024-10-18 13:45:53
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-11-04 11:12:13 4 + * @LastEditTime: 2024-11-04 16:32:38
5 * @FilePath: /hager/src/views/recruit.vue 5 * @FilePath: /hager/src/views/recruit.vue
6 * @Description: 招聘信息 6 * @Description: 招聘信息
7 --> 7 -->
...@@ -593,8 +593,10 @@ export default { ...@@ -593,8 +593,10 @@ export default {
593 padding: 1.25rem 0; 593 padding: 1.25rem 0;
594 font-weight: bold; 594 font-weight: bold;
595 margin-top: 1rem; 595 margin-top: 1rem;
596 + transition: background-color .25s ease-in-out;
596 &:hover { 597 &:hover {
597 - cursor: pointer 598 + background-color: #ff8f33;
599 + cursor: pointer;
598 } 600 }
599 } 601 }
600 } 602 }
......