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"> <div class="footer flex arco-row-justify-start">
<a-button <a-button
v-if="props.product.status === Status.Enable || props.product.status === Status.ON_TRIAL" v-if="props.product.status === Status.Enable || props.product.status === Status.ON_TRIAL"
class="primary-button"
type="primary" type="primary"
size="mini"
class="mr-8px"
@click="gotoModule(props.product.id)" @click="gotoModule(props.product.id)"
> >
进入模块 进入模块
</a-button> </a-button>
<a-button <a-button
v-if="props.product.status === Status.TRIAL_ENDS || props.product.status === Status.EXPIRED" v-if="props.product.status === Status.TRIAL_ENDS || props.product.status === Status.EXPIRED"
class="primary-button" size="mini"
type="primary" type="primary"
class="mr-8px"
@click="visible = true" @click="visible = true"
> >
立即购买 立即购买
</a-button> </a-button>
<a-button <a-button
v-if="props.product.status === Status.ON_TRIAL" v-if="props.product.status === Status.ON_TRIAL"
class="outline-button" class="mr-8px"
size="mini"
type="outline" type="outline"
@click="visible = true" @click="visible = true"
> >
@ -48,16 +51,15 @@
</a-button> </a-button>
<a-button <a-button
v-if="props.product.status === Status.TRIAL_ENDS || props.product.status === Status.EXPIRED" v-if="props.product.status === Status.TRIAL_ENDS || props.product.status === Status.EXPIRED"
class="outline-button" class="mr-8px"
size="mini"
type="outline" type="outline"
@click="visible = true" @click="visible = true"
> >
联系客服 联系客服
</a-button> </a-button>
<a-popconfirm focusLock title="试用产品" content="确定试用该产品吗？" @ok="handleTrial(props.product.id)"> <a-popconfirm focusLock title="试用产品" content="确定试用该产品吗？" @ok="handleTrial(props.product.id)">
<a-button v-if="props.product.status === Status.Disable" class="outline-button" type="outline"> <a-button v-if="props.product.status === Status.Disable" size="mini" type="outline"> 免费试用7天 </a-button>
免费试用7天
</a-button>
</a-popconfirm> </a-popconfirm>
</div> </div>
<CustomerServiceModal v-model:visible="visible" /> <CustomerServiceModal v-model:visible="visible" />
@ -219,38 +221,6 @@ const gotoModule = (menuId: number) => {
.footer { .footer {
margin-top: 16px; 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> </style>