修改文案和添加部分功能
This commit is contained in:
@@ -3,15 +3,9 @@
|
|||||||
<div v-if="userDetail.status != 'canceled'">
|
<div v-if="userDetail.status != 'canceled'">
|
||||||
<div class="cancel_box_item">
|
<div class="cancel_box_item">
|
||||||
<div class="modal_title_text">
|
<div class="modal_title_text">
|
||||||
<div>Sorry to see you go</div>
|
<div>What is your reason for cancelling AiDA?</div>
|
||||||
<div class="modal_title_text_assistant">What is your reason for cancelling AiDA?</div>
|
|
||||||
</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>
|
<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>
|
||||||
<div class="cancel_box_item cancel_box_item2">
|
<div class="cancel_box_item cancel_box_item2">
|
||||||
<div class="modal_title_text">
|
<div class="modal_title_text">
|
||||||
@@ -31,8 +25,8 @@
|
|||||||
safe.</div>
|
safe.</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="button_box">
|
<div class="button_box">
|
||||||
<div class="gallery_btn white gallery_btn_radius" @click="subscribe">stay subscribed</div>
|
<div class="gallery_btn white" @click="subscribe">Continue to renew</div>
|
||||||
<div class="gallery_btn gallery_btn_radius" @click="cancelSubscription">Yes, cancel it</div>
|
<div class="gallery_btn" @click="cancelSubscription">Yes,cancel it</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -62,20 +56,9 @@ export default defineComponent({
|
|||||||
return store.state.UserHabit.userDetail
|
return store.state.UserHabit.userDetail
|
||||||
})
|
})
|
||||||
let accountHomeData:any = reactive({
|
let accountHomeData:any = reactive({
|
||||||
currentState:{value:'income'}, //裁剪的原始文件数据
|
|
||||||
textareaValue:'',
|
textareaValue:'',
|
||||||
isShowMark:false,
|
isShowMark:false,
|
||||||
})
|
})
|
||||||
let state:any = ref([
|
|
||||||
{
|
|
||||||
label:useI18n().t('allOrder.Income'),
|
|
||||||
value:'income',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label:useI18n().t('allOrder.Expend'),
|
|
||||||
value:'expend',
|
|
||||||
},
|
|
||||||
])
|
|
||||||
let renew = ref()
|
let renew = ref()
|
||||||
const subscribe = ()=>{
|
const subscribe = ()=>{
|
||||||
renew.value.init()
|
renew.value.init()
|
||||||
@@ -102,7 +85,6 @@ export default defineComponent({
|
|||||||
return{
|
return{
|
||||||
...toRefs(accountHomeData),
|
...toRefs(accountHomeData),
|
||||||
userDetail,
|
userDetail,
|
||||||
state,
|
|
||||||
renew,
|
renew,
|
||||||
subscribe,
|
subscribe,
|
||||||
cancelSubscription,
|
cancelSubscription,
|
||||||
@@ -120,9 +102,7 @@ export default defineComponent({
|
|||||||
|
|
||||||
>div{
|
>div{
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
flex-direction: column;
|
||||||
align-items: flex-start;
|
|
||||||
height: 45rem;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
&.no_renewal{
|
&.no_renewal{
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
@@ -130,18 +110,16 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.cancel_box_item{
|
.cancel_box_item{
|
||||||
border: 2px solid #000;
|
margin-bottom: 3rem;
|
||||||
border-radius: 2rem;
|
width: 100%;
|
||||||
padding: 3rem;
|
|
||||||
margin-right: 3rem;
|
|
||||||
width: 48rem;
|
|
||||||
height: 45rem;
|
|
||||||
>.modal_title_text{
|
>.modal_title_text{
|
||||||
|
margin: 0;
|
||||||
>div{
|
>div{
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
.modal_title_text_assistant{
|
.modal_title_text_assistant{
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
>.gallerySelect{
|
>.gallerySelect{
|
||||||
@@ -165,10 +143,11 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
>.button_box{
|
>.button_box{
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
|
||||||
margin-top: 2.5rem;
|
margin-top: 2.5rem;
|
||||||
>div{
|
justify-content: flex-end;
|
||||||
width: calc((100% - 1rem) / 2);
|
>div:nth-child(1){
|
||||||
|
margin-right: 1rem;
|
||||||
|
// width: calc((100% - 1rem) / 2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -178,7 +157,7 @@ export default defineComponent({
|
|||||||
.cancel_box_item2{
|
.cancel_box_item2{
|
||||||
.modal_title_text{
|
.modal_title_text{
|
||||||
>div:nth-child(1){
|
>div:nth-child(1){
|
||||||
margin-bottom: 3.4rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
>div:nth-child(2){
|
>div:nth-child(2){
|
||||||
margin-bottom: 1.5rem;
|
margin-bottom: 1.5rem;
|
||||||
@@ -194,6 +173,9 @@ export default defineComponent({
|
|||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
>div:nth-child(3){
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.tips{
|
.tips{
|
||||||
padding: 1.5rem 1rem;
|
padding: 1.5rem 1rem;
|
||||||
|
|||||||
@@ -160,6 +160,23 @@
|
|||||||
<input type="number" @input="setPencilColor" v-model="canvasPencilColor">
|
<input type="number" @input="setPencilColor" v-model="canvasPencilColor">
|
||||||
</div> -->
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
|
<div class="shortcutKeys_box">
|
||||||
|
<div class="gallery_btn white" @click.stop="setCloseNav('shortcut')">
|
||||||
|
{{ $t('exportModel.ShortcutKeys') }}
|
||||||
|
<i class="icon iconfont icon-xiala" :class="closeNav.shortcut?'icon-rotate-tool':''" ></i>
|
||||||
|
</div>
|
||||||
|
<div class="shortcutKeys_list">
|
||||||
|
<div class="shortcutKeys_list_item" v-for="item in keysList" :key="item.name">
|
||||||
|
<div class="name">{{ item.name }}</div>
|
||||||
|
<div class="key">
|
||||||
|
<div>{{ item.winDowKey }}</div>
|
||||||
|
<span style="margin: 0 1rem">/</span>
|
||||||
|
<div>{{ item.macKey }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- <div class="exportCanvasBox_title" @click.stop="setCloseNav('move')">
|
<!-- <div class="exportCanvasBox_title" @click.stop="setCloseNav('move')">
|
||||||
{{ $t('exportModel.More') }}
|
{{ $t('exportModel.More') }}
|
||||||
</div>
|
</div>
|
||||||
@@ -971,7 +988,7 @@ export default defineComponent({
|
|||||||
let closeNav = ref({
|
let closeNav = ref({
|
||||||
nav:false,
|
nav:false,
|
||||||
tool:false,
|
tool:false,
|
||||||
move:false,
|
shortcut:false,
|
||||||
})
|
})
|
||||||
let setCloseNav = (key)=>{
|
let setCloseNav = (key)=>{
|
||||||
closeNav.value[key] = !closeNav.value[key]
|
closeNav.value[key] = !closeNav.value[key]
|
||||||
@@ -1198,6 +1215,49 @@ export default defineComponent({
|
|||||||
// let brushwork = ref('')
|
// let brushwork = ref('')
|
||||||
// 监听键盘的 keydown 和 keyup 事件
|
// 监听键盘的 keydown 和 keyup 事件
|
||||||
let keyDown = []
|
let keyDown = []
|
||||||
|
const keysList = [
|
||||||
|
{
|
||||||
|
name:useI18.t('exportModel.PaintingEraser'),
|
||||||
|
winDowKey:'~',
|
||||||
|
macKey:'~',
|
||||||
|
},{
|
||||||
|
name:useI18.t('exportModel.Uncheck'),
|
||||||
|
winDowKey:'Ctrl + D',
|
||||||
|
macKey:'Command + D',
|
||||||
|
},{
|
||||||
|
name:useI18.t('exportModel.Revoke'),
|
||||||
|
winDowKey:'Ctrl + Z',
|
||||||
|
macKey:'Command + Z',
|
||||||
|
},{
|
||||||
|
name:useI18.t('exportModel.Retreat'),
|
||||||
|
winDowKey:'Ctrl + Shift + Z',
|
||||||
|
macKey:'Command + Ctrl + Z',
|
||||||
|
},{
|
||||||
|
name:useI18.t('exportModel.ReduceBrushSize'),
|
||||||
|
winDowKey:'[',
|
||||||
|
macKey:'[',
|
||||||
|
},{
|
||||||
|
name:useI18.t('exportModel.IncreaseBrushSize'),
|
||||||
|
winDowKey:']',
|
||||||
|
macKey:']',
|
||||||
|
},{
|
||||||
|
name:useI18.t('exportModel.DrinkingStraw'),
|
||||||
|
winDowKey:'I',
|
||||||
|
macKey:'I',
|
||||||
|
},{
|
||||||
|
name:useI18.t('exportModel.Copy'),
|
||||||
|
winDowKey:'Ctrl + C',
|
||||||
|
macKey:'Command + C',
|
||||||
|
},{
|
||||||
|
name:useI18.t('exportModel.Paste'),
|
||||||
|
winDowKey:'Ctrl + V',
|
||||||
|
macKey:'Command + V',
|
||||||
|
},{
|
||||||
|
name:useI18.t('exportModel.UploadOpenimage'),
|
||||||
|
winDowKey:'Ctrl + O',
|
||||||
|
macKey:'Command + O',
|
||||||
|
},
|
||||||
|
]
|
||||||
let oldOperation = ''
|
let oldOperation = ''
|
||||||
let canvasKeyDown = (event) => {
|
let canvasKeyDown = (event) => {
|
||||||
let keys = ['Enter','Delete','ControlLeft','KeyZ','ShiftLeft','KeyC','KeyV','BracketLeft','BracketRight','KeyI','KeyD','KeyO','Backquote']
|
let keys = ['Enter','Delete','ControlLeft','KeyZ','ShiftLeft','KeyC','KeyV','BracketLeft','BracketRight','KeyI','KeyD','KeyO','Backquote']
|
||||||
@@ -2159,6 +2219,7 @@ export default defineComponent({
|
|||||||
setPencilWidth,//切换宽度执行函数 给当前矩形或者笔触设置宽度
|
setPencilWidth,//切换宽度执行函数 给当前矩形或者笔触设置宽度
|
||||||
setHDExport,//高清导出选择的图片
|
setHDExport,//高清导出选择的图片
|
||||||
brushworkChange,//切换笔触的回调
|
brushworkChange,//切换笔触的回调
|
||||||
|
keysList,
|
||||||
textureValueChange,//切换材质信息
|
textureValueChange,//切换材质信息
|
||||||
brushworkValue,//当前笔触
|
brushworkValue,//当前笔触
|
||||||
textureValue,//当前材质
|
textureValue,//当前材质
|
||||||
@@ -2352,6 +2413,39 @@ export default defineComponent({
|
|||||||
.exportCanvasBox_left_tool{
|
.exportCanvasBox_left_tool{
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
.shortcutKeys_box{
|
||||||
|
position: relative;
|
||||||
|
.shortcutKeys_list{
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 2;
|
||||||
|
width: 45rem;
|
||||||
|
max-height: 45rem;
|
||||||
|
background: #f7f8fa;
|
||||||
|
border-radius: 2rem;
|
||||||
|
right: 0;
|
||||||
|
overflow-y: auto;
|
||||||
|
padding: 2rem;
|
||||||
|
.shortcutKeys_list_item{
|
||||||
|
display: flex;
|
||||||
|
font-size: 1.8rem;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
>.key{
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.shortcutKeys_list_item:last-child{
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:hover{
|
||||||
|
.shortcutKeys_list{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.label_item,label {
|
.label_item,label {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
@@ -10,10 +10,12 @@
|
|||||||
<div class="gallery_item" v-for="item in productList" :key="item">
|
<div class="gallery_item" v-for="item in productList" :key="item">
|
||||||
<div class="product_signUp_box">
|
<div class="product_signUp_box">
|
||||||
<div class="title">{{ item.title }}</div>
|
<div class="title">{{ item.title }}</div>
|
||||||
<div class="info">{{ item.info }}</div>
|
<div class="info" v-if="item.title != '------------------'">{{ item.info }}</div>
|
||||||
|
<div class="info" v-else>-----</div>
|
||||||
<div class="detail">{{ item.detail }}</div>
|
<div class="detail">{{ item.detail }}</div>
|
||||||
<div class="highlight" v-if="item.highlight">{{ item.highlight }}</div>
|
<div class="highlight" v-if="item.highlight">{{ item.highlight }}</div>
|
||||||
<div class="gallery_btn gallery_btn_radius" :class="{active:item.title == '------------------'}" @click="createAccount">Create account</div>
|
<div class="gallery_btn gallery_btn_radius" v-if="item.title != '------------------'" :class="{active:item.title == '------------------'}" @click="createAccount">Create account</div>
|
||||||
|
<div class="gallery_btn gallery_btn_radius" v-else :class="{active:item.title == '------------------'}" @click="createAccount">Contact us</div>
|
||||||
</div>
|
</div>
|
||||||
<ul class="product_detail">
|
<ul class="product_detail">
|
||||||
<li v-for="detailItem in item.detailList">{{ detailItem }}</li>
|
<li v-for="detailItem in item.detailList">{{ detailItem }}</li>
|
||||||
|
|||||||
@@ -47,6 +47,10 @@
|
|||||||
<input type="range" v-model="density" @change="routesChange('density')">
|
<input type="range" v-model="density" @change="routesChange('density')">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="liquefaction_parameter_item icon">
|
||||||
|
<i class="icon iconfont icon-chehui" @click="historyState('')"></i>
|
||||||
|
<i class="icon iconfont icon-fanchehui" @click="historyState('reverse')"></i>
|
||||||
|
</div>
|
||||||
<div class="liquefaction_parameter_item">
|
<div class="liquefaction_parameter_item">
|
||||||
<div class="generage_btn started_btn" @click="cancelDsign">{{ $t('Cropper.Cancel')}}</div>
|
<div class="generage_btn started_btn" @click="cancelDsign">{{ $t('Cropper.Cancel')}}</div>
|
||||||
<div class="generage_btn started_btn" @click="submit">{{ $t('Cropper.Finish')}}</div>
|
<div class="generage_btn started_btn" @click="submit">{{ $t('Cropper.Finish')}}</div>
|
||||||
@@ -383,6 +387,7 @@ export default defineComponent({
|
|||||||
...toRefs(liqufeactionData),
|
...toRefs(liqufeactionData),
|
||||||
arrows,
|
arrows,
|
||||||
init,
|
init,
|
||||||
|
historyState,
|
||||||
cancelDsign,
|
cancelDsign,
|
||||||
routesChange,
|
routesChange,
|
||||||
submit,
|
submit,
|
||||||
@@ -439,6 +444,25 @@ export default defineComponent({
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
&.icon{
|
||||||
|
flex-direction: row;
|
||||||
|
i{
|
||||||
|
width: 4rem;
|
||||||
|
height: 4rem;
|
||||||
|
display: flex;
|
||||||
|
border-radius: .5rem;
|
||||||
|
font-size: 2rem;
|
||||||
|
cursor: pointer;
|
||||||
|
border: 2px solid #000;
|
||||||
|
margin-right: 1rem;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
i::last-nth{
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.liquefaction_parameter_item:last-child{
|
.liquefaction_parameter_item:last-child{
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
|
|||||||
@@ -71,6 +71,17 @@ export default {
|
|||||||
Cancel:'取消',
|
Cancel:'取消',
|
||||||
size:'区域',
|
size:'区域',
|
||||||
density:'强度',
|
density:'强度',
|
||||||
|
ShortcutKeys:'快捷键',
|
||||||
|
PaintingEraser:'绘图/橡皮',
|
||||||
|
Uncheck:'取消选择',
|
||||||
|
Revoke:'撤回',
|
||||||
|
Retreat:'反撤回',
|
||||||
|
ReduceBrushSize:'减小笔触大小',
|
||||||
|
IncreaseBrushSize:'增大笔触大小',
|
||||||
|
DrinkingStraw:'吸色',
|
||||||
|
Copy:'复制',
|
||||||
|
Paste:'粘贴',
|
||||||
|
UploadOpenimage:'Upload/Open image',
|
||||||
jsContent1:"您是否已经保存画布内容?如果没有,请再关闭前点击'保存'。",
|
jsContent1:"您是否已经保存画布内容?如果没有,请再关闭前点击'保存'。",
|
||||||
jsContent2:'我们只支持对印花进行超分',
|
jsContent2:'我们只支持对印花进行超分',
|
||||||
jsContent3:'您的积分小于一次超分',
|
jsContent3:'您的积分小于一次超分',
|
||||||
|
|||||||
@@ -71,6 +71,17 @@ export default {
|
|||||||
Cancel:'Cancel',
|
Cancel:'Cancel',
|
||||||
size:'Size',
|
size:'Size',
|
||||||
density:'Density',
|
density:'Density',
|
||||||
|
ShortcutKeys:'Shortcut keys',
|
||||||
|
PaintingEraser:'Painting/Eraser',
|
||||||
|
Uncheck:'Uncheck',
|
||||||
|
Revoke:'Revoke',
|
||||||
|
Retreat:'Retreat',
|
||||||
|
ReduceBrushSize:'Reduce brush size',
|
||||||
|
IncreaseBrushSize:'Increase brush size',
|
||||||
|
DrinkingStraw:'Drinking straw',
|
||||||
|
Copy:'Copy',
|
||||||
|
Paste:'Paste',
|
||||||
|
UploadOpenimage:'Upload/Open image',
|
||||||
jsContent1:"Have you saved your canvas content? If not, please click 'Save' before closing.",
|
jsContent1:"Have you saved your canvas content? If not, please click 'Save' before closing.",
|
||||||
jsContent2:'We only provide super-resolution capabilities for printboard images.',
|
jsContent2:'We only provide super-resolution capabilities for printboard images.',
|
||||||
jsContent3:'Your points are less than one SR',
|
jsContent3:'Your points are less than one SR',
|
||||||
|
|||||||
@@ -92,7 +92,8 @@
|
|||||||
<!-- <i @click="Assignment" class="fi fi-rr-gift" title="Assignment"></i> -->
|
<!-- <i @click="Assignment" class="fi fi-rr-gift" title="Assignment"></i> -->
|
||||||
<i @click="UpgradePlan" title="Purchase" class="fi fi-rr-shop"></i>
|
<i @click="UpgradePlan" title="Purchase" class="fi fi-rr-shop"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="gallery_btn" style="margin-left: 3rem;" @click="subscribe">Subscribe now</div>
|
<div v-if="userDetail.systemUser == 0 || userDetail.systemUser == 3" class="gallery_btn" style="margin-left: 3rem;" @click="subscribe">Subscribe now</div>
|
||||||
|
<div v-else style="width: 30rem;"></div>
|
||||||
</div>
|
</div>
|
||||||
<navRouter :routerList="navRouterList"></navRouter>
|
<navRouter :routerList="navRouterList"></navRouter>
|
||||||
<div class="homeMain_right">
|
<div class="homeMain_right">
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="affiliateRegister">
|
<div class="affiliateRegister">
|
||||||
<div class="title">AiDA 3.0 Questionnaire</div>
|
<div class="title">AiDA 3.0 Questionnaire</div>
|
||||||
<div class="info">Have questions or suggestions? We'd love to hear from you. Send us a message and we'll respond as soon as possible.</div>
|
<div class="info">Why do you want to become an affiliate user?</div>
|
||||||
<div class="textarea_box">
|
<div class="textarea_box">
|
||||||
<div class="text"></div>
|
<div class="text"></div>
|
||||||
<textarea :value="textarea"></textarea>
|
<textarea :value="textarea"></textarea>
|
||||||
|
|||||||
Reference in New Issue
Block a user