hookehuyr

more组件样式修改

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-09-29 10:52:45 4 + * @LastEditTime: 2024-10-15 17:26:19
5 * @FilePath: /hager/src/components/hagerMore.vue 5 * @FilePath: /hager/src/components/hagerMore.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
8 <template> 8 <template>
9 <div class="hager-more"> 9 <div class="hager-more">
10 - <i class="el-icon-right"></i> <span style="font-size: 0.9rem;">查看MORE</span> 10 + <span style="font-size: 0.9rem;">MORE</span>
11 </div> 11 </div>
12 </template> 12 </template>
13 13
...@@ -32,11 +32,10 @@ export default { ...@@ -32,11 +32,10 @@ export default {
32 32
33 <style lang="less" scoped> 33 <style lang="less" scoped>
34 .hager-more { 34 .hager-more {
35 - color: #EE6D10; 35 + color: #FFF;
36 - padding: 0.5rem 1rem; 36 + padding: 1rem 3rem;
37 - border: 1px solid #EE6D10;
38 - border-radius: 4px;
39 display: inline-block; 37 display: inline-block;
40 cursor: pointer; 38 cursor: pointer;
39 + background-color: #F56400;
41 } 40 }
42 </style> 41 </style>
......