aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

印花和元素不等比缩放调整

Browse Source
This commit is contained in:
X1627315083
2025-02-07 17:34:23 +08:00
parent 0d136655fe
commit da0abbb92c
11 changed files with 134 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/component/Account/frontPage/cancelRenewal.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="cancelRenewal_page">
<div v-if="userDetail.status != 'expired' && userDetail.systemUser != 3">
<div v-if="userDetail.status == 'active' && userDetail.systemUser != 3" class="renewal">
<div class="cancel_box_item">
<div class="modal_title_text">
<div>{{ $t('cancelRenewal.cancelling') }}</div>
@@ -29,15 +29,16 @@
<i class="fi fi-sr-triangle-warning"></i>
<div>{{ $t('cancelRenewal.DonWorry') }}</div>
</div> -->
<div class="button_box">
<div class="gallery_btn white" @click="subscribe">{{ $t('cancelRenewal.Continue') }}</div>
<div class="gallery_btn" @click="cancelSubscription">{{ $t('cancelRenewal.cancel') }}</div>
</div>
</div>
</div>
<div v-else class="no_renewal">
{{ $t('cancelRenewal.subscriptionRenewal') }}
</div>
<div class="button_box">
<div class="gallery_btn white" v-if="userDetail.status != 'active' && userDetail.systemUser != 3" @click="subscribe">{{ $t('cancelRenewal.Continue') }}</div>
<div class="gallery_btn" v-else @click="cancelSubscription">{{ $t('cancelRenewal.cancel') }}</div>
</div>
<div class="mark_loading" v-show="isShowMark">
<a-spin size="large" />
</div>
@@ -135,13 +136,24 @@ export default defineComponent({
height: 100%;
overflow-y: auto;
padding-bottom: 2rem;
>div{
>.button_box{
display: flex;
margin-top: 2.5rem;
justify-content: flex-end;
>div:nth-child(1){
margin-right: 1rem;
// width: calc((100% - 1rem) / 2);
}
}
>.no_renewal,.renewal{
display: flex;
flex-direction: column;
align-items: center;
min-height: 40rem;
&.no_renewal{
font-size: 2rem;
font-weight: 400;
font-weight: 600;
justify-content: center;
}
}
.cancel_box_item{
@@ -189,16 +201,6 @@ export default defineComponent({
border: 1px solid #000;
}
}
>.button_box{
display: flex;
margin-top: 2.5rem;
justify-content: flex-end;
>div:nth-child(1){
margin-right: 1rem;
// width: calc((100% - 1rem) / 2);
}
}
}
.cancel_box_item:last-child{
margin: 0;