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
2024-12-23 11:17:41 +08:00
parent 3d3055a0cb
commit fd69caff94
8 changed files with 164 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,15 +3,9 @@
<div v-if="userDetail.status != 'canceled'">
<div class="cancel_box_item">
<div class="modal_title_text">
<div>Sorry to see you go</div>
<div class="modal_title_text_assistant">What is your reason for cancelling AiDA?</div>
<div>What is your reason for cancelling AiDA?</div>
</div>
<a-select class="gallerySelect" v-model:value="currentState.value" size="large" optionFilterProp="label" :options="state" placeholder="Select a reason" allowClear show-search></a-select>
<textarea v-model="textareaValue" placeholder="Share your feedback here..."></textarea>
<div class="button_box">
<div class="gallery_btn white gallery_btn_radius" @click="subscribe">stay subscribed</div>
<div class="gallery_btn gallery_btn_radius" @click="cancelSubscription">Yes, cancel it</div>
</div>
</div>
<div class="cancel_box_item cancel_box_item2">
<div class="modal_title_text">
@@ -31,8 +25,8 @@
safe.</div>
</div>
<div class="button_box">
<div class="gallery_btn white gallery_btn_radius" @click="subscribe">stay subscribed</div>
<div class="gallery_btn gallery_btn_radius" @click="cancelSubscription">Yes, cancel it</div>
<div class="gallery_btn white" @click="subscribe">Continue to renew</div>
<div class="gallery_btn" @click="cancelSubscription">Yes，cancel it</div>
</div>
</div>
</div>
@@ -62,20 +56,9 @@ export default defineComponent({
return store.state.UserHabit.userDetail
})
let accountHomeData:any = reactive({
currentState:{value:'income'}, //裁剪的原始文件数据
textareaValue:'',
isShowMark:false,
})
let state:any = ref([
{
label:useI18n().t('allOrder.Income'),
value:'income',
},
{
label:useI18n().t('allOrder.Expend'),
value:'expend',
},
])
let renew = ref()
const subscribe = ()=>{
renew.value.init()
@@ -102,7 +85,6 @@ export default defineComponent({
return{
...toRefs(accountHomeData),
userDetail,
state,
renew,
subscribe,
cancelSubscription,
@@ -120,9 +102,7 @@ export default defineComponent({
>div{
display: flex;
justify-content: center;
align-items: flex-start;
height: 45rem;
flex-direction: column;
align-items: center;
&.no_renewal{
font-size: 2rem;
@@ -130,18 +110,16 @@ export default defineComponent({
}
}
.cancel_box_item{
border: 2px solid #000;
border-radius: 2rem;
padding: 3rem;
margin-right: 3rem;
width: 48rem;
height: 45rem;
margin-bottom: 3rem;
width: 100%;
>.modal_title_text{
margin: 0;
>div{
font-weight: 600;
}
.modal_title_text_assistant{
margin-top: 1rem;
font-weight: 600;
}
}
>.gallerySelect{
@@ -165,10 +143,11 @@ export default defineComponent({
}
>.button_box{
display: flex;
justify-content: space-between;
margin-top: 2.5rem;
>div{
width: calc((100% - 1rem) / 2);
justify-content: flex-end;
>div:nth-child(1){
margin-right: 1rem;
// width: calc((100% - 1rem) / 2);
}
}
}
@@ -178,7 +157,7 @@ export default defineComponent({
.cancel_box_item2{
.modal_title_text{
>div:nth-child(1){
margin-bottom: 3.4rem;
margin-bottom: 2rem;
}
>div:nth-child(2){
margin-bottom: 1.5rem;
@@ -194,6 +173,9 @@ export default defineComponent({
display: flex;
}
}
>div:nth-child(3){
margin-bottom: 2rem;
}
}
.tips{
padding: 1.5rem 1rem;