renxiaodong/lingji-work-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: 统一样式

Browse Source
This commit is contained in:
rd
2025-07-25 12:02:44 +08:00
parent 9bc6ed44d5
commit 28dc67bfa4
1 changed files with 9 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/views/components/workplace/modules/product.vue
View File

@ -24,23 +24,26 @@
<div class="footer flex arco-row-justify-start">
<a-button
v-if="props.product.status === Status.Enable || props.product.status === Status.ON_TRIAL"
class="primary-button"
type="primary"
size="mini"
class="mr-8px"
@click="gotoModule(props.product.id)"
>
进入模块
</a-button>
<a-button
v-if="props.product.status === Status.TRIAL_ENDS || props.product.status === Status.EXPIRED"
class="primary-button"
size="mini"
type="primary"
class="mr-8px"
@click="visible = true"
>
立即购买
</a-button>
<a-button
v-if="props.product.status === Status.ON_TRIAL"
class="outline-button"
class="mr-8px"
size="mini"
type="outline"
@click="visible = true"
>
@ -48,16 +51,15 @@
</a-button>
<a-button
v-if="props.product.status === Status.TRIAL_ENDS || props.product.status === Status.EXPIRED"
class="outline-button"
class="mr-8px"
size="mini"
type="outline"
@click="visible = true"
>
联系客服
</a-button>
<a-popconfirm focusLock title="试用产品" content="确定试用该产品吗？" @ok="handleTrial(props.product.id)">
<a-button v-if="props.product.status === Status.Disable" class="outline-button" type="outline">
免费试用7天
</a-button>
<a-button v-if="props.product.status === Status.Disable" size="mini" type="outline"> 免费试用7天 </a-button>
</a-popconfirm>
</div>
<CustomerServiceModal v-model:visible="visible" />
@ -219,38 +221,6 @@ const gotoModule = (menuId: number) => {
.footer {
margin-top: 16px;
.primary-button {
height: 24px;
border-radius: 4px;
gap: 8px;
padding: 2px 12px;
background-color: rgba(109, 76, 254, 1) !important;
font-family: $font-family-medium;
font-weight: 400;
font-size: 12px;
line-height: 20px;
text-align: right;
vertical-align: middle;
color: rgba(255, 255, 255, 1);
margin-right: 8px;
}
.outline-button {
height: 24px;
border-radius: 4px;
gap: 8px;
padding: 2px 12px;
border: 1px solid var(--Brand-Brand-6, rgba(109, 76, 254, 1));
font-family: $font-family-medium;
font-weight: 400;
font-size: 12px;
line-height: 20px;
text-align: right;
vertical-align: middle;
color: rgba(109, 76, 254, 1);
margin-right: 8px;
}
}
}
</style>