13 changed files with 168 additions and 74 deletions
-
4src/components/workspace/GoldGraph.vue
-
8src/components/workspace/GoldManagement.vue
-
39src/css/btn.css
-
8src/main.ts
-
3src/views/audit/bean/beanAudit.vue
-
16src/views/audit/gold/audit.vue
-
12src/views/consume/bean/beanConsume.vue
-
20src/views/consume/gold/coinConsume.vue
-
40src/views/recharge/bean/beanRecharge.vue
-
29src/views/recharge/gold/coinRecharge.vue
-
16src/views/refund/gold/coinRefund.vue
-
19src/views/usergold/gold/clientCount.vue
-
24src/views/workspace/index.vue
@ -0,0 +1,39 @@ |
|||
/*各个页面的按钮激活*/ |
|||
|
|||
/*使用示例 |
|||
import '@/css/btn.css'; |
|||
|
|||
<el-button |
|||
class="no-active-btn" |
|||
:class="{ 'active-btn': activeTab === 'rechargeAudit' }" |
|||
@click="navigateTo('rechargeAudit')" |
|||
v-if="hasRecharge" |
|||
> |
|||
充值审核 |
|||
</el-button> |
|||
*/ |
|||
|
|||
|
|||
/* 默认按钮样式 */ |
|||
.no-active-btn { |
|||
background-color: #E5EBFE; /* 未激活背景色 */ |
|||
color: #666; /* 未激活文字色 */ |
|||
/* 确保激活状态下 hover 也不变化 */ |
|||
&:hover { |
|||
background-color: #E5EBFE !important; /* 保持默认背景色 */ |
|||
color: #666 !important; /* 保持默认文字色 */ |
|||
border-color: transparent; /* 若有边框,保持默认 */ |
|||
} |
|||
} |
|||
|
|||
/* 激活状态样式 */ |
|||
.active-btn { |
|||
background-color: #2741DE; /* 激活背景色 */ |
|||
color: white; /* 激活文字色 */ |
|||
/* 确保激活状态下 hover 也不变化 */ |
|||
&:hover { |
|||
background-color: #2741DE !important; |
|||
color: white !important; |
|||
border-color: transparent; |
|||
} |
|||
} |
Write
Preview
Loading…
Cancel
Save
Reference in new issue