{{ $t('DesignDetail.CurrentPrint') }}
- ![]()
+
+
-
+
+ ![]()
+
+
@@ -189,6 +192,7 @@ export default defineComponent({
})
provide('driver__',driver__)
let moible:any = isMoible()
+ provide('moible',moible)
let {t} = useI18n()
return{
designItemDetail,
@@ -319,13 +323,14 @@ export default defineComponent({
},
showDesignDetailModal(data:any,str:string){
+ this.moible = isMoible()
this.designItemId = data.design.designItemId
this.designOutfitId = data.design.designOutfitId
let url = Https.httpUrls.getDesignDetail + `?designItemId=${data.design.designItemId}&designPythonOutfitId=${data.design.designOutfitId}`
this.parentData = data
this.loadingShow = true
Https.axiosGet(url).then(
- (rv: any) => {
+ async (rv: any) => {
rv.clothes.forEach((item:any)=>{
let a
if(item.layersObject[0].imageCategory.indexOf("back") == -1){
@@ -345,18 +350,19 @@ export default defineComponent({
}else{
this.body = true
}
- if(str == 'setDesignItem'){
+ if(str == 'setDesignItem'){
}else{
this.designShowPrview = 1
}
- this.setImgSize()
+ await this.setImgSize()
this.generateHighDesignImg = rv.highDesignUrl
this.designDetailShow = true
this.loadingShow = false
if(this.driver__.driver){
- nextTick().then(()=>{
- driverObj__.moveTo(18);
+ nextTick().then(()=>{
+ // driverObj__.moveNext();
+ driverObj__.moveTo(20);
})
}
}
@@ -428,10 +434,12 @@ export default defineComponent({
clearTimeout(onresizeTime)
onresizeTime = setTimeout(async ()=>{
await this_.setImgSize()
+
},500)
})()
}
+
this.frontBack = {
front:front,
back:back,
diff --git a/src/component/Detail/DesignDetailEnd.vue b/src/component/Detail/DesignDetailEnd.vue
index 9e64c11a..28cba836 100644
--- a/src/component/Detail/DesignDetailEnd.vue
+++ b/src/component/Detail/DesignDetailEnd.vue
@@ -88,8 +88,8 @@
{{ $t('DesignDetailEnd.Layout') }}
{{ $t('DesignDetailEnd.preview') }}
-
-
-
-
-
-
-
-
-
-
-
-
- ![]()
+
+
+
+
- Scale
+
- ![]()
+
+
-
+
+
+
+
+
+ ![]()
+
+
+ ![]()
+
+ {{ $t('DesignPrintOperation.preview') }}
{{ $t('DesignPrintOperation.preview') }}
+
@@ -659,6 +663,7 @@ export default defineComponent({
// this.closeModal()
if(this.driver__.driver){
nextTick().then(()=>{
+ console.log(21321);
driverObj__.moveNext();
})
}
@@ -796,9 +801,9 @@ export default defineComponent({
}
}
.habit_System_Designer {
- margin-top: 4rem;
transform: scale(.8);
width: 100%;
+ margin-top: 1.5rem;
.ant-slider-track,
.ant-slider-rail {
height: .6rem;
@@ -813,6 +818,11 @@ export default defineComponent({
.ant-slider-handle:hover{
box-shadow: 0 0 0 5px rgba(45, 46, 118, 0.2);
}
+ .habit_System_Designer_text{
+ font-size: 1.6rem;
+ color: rgba(0, 0, 0, 0.7);
+ font-weight: 600;
+ }
}
.button_second{
margin: 1rem 0;
@@ -877,6 +887,10 @@ export default defineComponent({
width: 80%;
}
}
+ &.show_print_right{
+ border: none;
+ padding: 0;
+ }
}
}
.designOpenrtion_centent{
diff --git a/src/component/Detail/DesignPrintOperationMobile.vue b/src/component/Detail/DesignPrintOperationMobile.vue
index bafd08f0..afff0099 100644
--- a/src/component/Detail/DesignPrintOperationMobile.vue
+++ b/src/component/Detail/DesignPrintOperationMobile.vue
@@ -36,28 +36,31 @@
{{ $t('DesignPrintOperation.Single') }}
-
-
-
-
-
-
-
-
-
-
-
- ![]()
+
+
+
+
- Scale
+
- ![]()
+
+
-
+
+
+
+
+
+ ![]()
+
+
+ ![]()
+
+ {{ $t('DesignPrintOperation.preview') }}
{{ $t('DesignPrintOperation.preview') }}
@@ -655,6 +658,11 @@ export default defineComponent({
this.loadingShow = false
this.designOpenrtion = false
// this.closeModal()
+ if(this.driver__.driver){
+ nextTick().then(()=>{
+ driverObj__.moveNext();
+ })
+ }
}
).catch(res=>{
this.loadingShow = false
@@ -789,9 +797,9 @@ export default defineComponent({
}
}
.habit_System_Designer {
- margin-top: 4rem;
transform: scale(.8);
width: 100%;
+ margin-top: 1.5rem;
.ant-slider-track,
.ant-slider-rail {
height: .6rem;
@@ -806,6 +814,11 @@ export default defineComponent({
.ant-slider-handle:hover{
box-shadow: 0 0 0 5px rgba(45, 46, 118, 0.2);
}
+ .habit_System_Designer_text{
+ font-size: 1.6rem;
+ color: rgba(0, 0, 0, 0.7);
+ font-weight: 600;
+ }
}
.button_second{
margin: 1rem 0;
@@ -870,6 +883,10 @@ export default defineComponent({
width: 80%;
}
}
+ &.show_print_right{
+ border: none;
+ padding: 0;
+ }
}
}
.designOpenrtion_centent{
diff --git a/src/component/HomePage/ColorboardUpload.vue b/src/component/HomePage/ColorboardUpload.vue
index b5c1ff86..ee9c2c5e 100644
--- a/src/component/HomePage/ColorboardUpload.vue
+++ b/src/component/HomePage/ColorboardUpload.vue
@@ -84,8 +84,8 @@
-
+
+
@@ -387,9 +387,11 @@ export default defineComponent({
this.selectColorList = selectColorList
this.getHsvColor(selectColorList)
this.selectColor = {rgba:{r:color[0],g:color[1],b:color[2],a:1},hex:colorHex}
- if(this.driver__.driver){
- driverObj__.moveNext()
- }
+ nextTick().then(()=>{
+ if(this.driver__.driver){
+ driverObj__.moveNext()
+ }
+ })
};
},100)
diff --git a/src/component/HomePage/SketchboardUpload.vue b/src/component/HomePage/SketchboardUpload.vue
index 0f2dfe1f..fa0e8b58 100644
--- a/src/component/HomePage/SketchboardUpload.vue
+++ b/src/component/HomePage/SketchboardUpload.vue
@@ -65,7 +65,7 @@
>
=2 && this.driver__.driver&& newVal.length!=oldVal.length){
if(this.driver__.driver){
- // driverObj__.moveTo(17)
+ driverObj__.moveTo(16)
}
}
}
@@ -460,11 +460,9 @@ export default defineComponent({
showFileCategory(file: any) {
file.categoryShow = true;
- console.log(12312312);
-
nextTick().then(()=>{
if(this.driver__.driver){
- driverObj__.moveNext()
+ driverObj__.moveTo(15)
}
})
@@ -486,6 +484,12 @@ export default defineComponent({
file.categoryValue = cate.value;
file.category = cate.name;
this.store.commit("setSketchboardFile", this.fileList);
+ nextTick().then(()=>{
+ if(this.driver__.driver){
+ driverObj__.moveNext()
+ // driverObj__.moveTo(13)
+ }
+ })
}
},
hiddenFileCategory() {
diff --git a/src/lang/en.ts b/src/lang/en.ts
index 27ff2741..9c5beac4 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -301,7 +301,7 @@ export default {
Overall:'Overall',
Single:'Single',
NewColor:'New Color',
- preview:'preview',
+ preview:'Preview',
Layout:'Layout',
jsContent1:'Please select print',
},
diff --git a/src/tool/guide.js b/src/tool/guide.js
index 4fa2320c..7f4e1633 100644
--- a/src/tool/guide.js
+++ b/src/tool/guide.js
@@ -32,28 +32,27 @@ const driverObj__ = driver({
{ element: '.Guide_1_8', popover: { title: '', description: 'Click here for next step.' } },
{ element: '.Guide_1_2', popover: { title: '', description: 'Upload two sketches for your collection on this page' } },
- { element: '.Guide_1_14', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_13', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_13', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_13', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_14', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_15', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_16', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_17', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_18', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_19', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_20', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_21', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_22', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_23', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_24', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_25', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_26', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_27', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_28', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_29', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_30', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_16', popover: { title: '', description: 'Description' } },
+ { element: '.Guide_1_13', popover: { title: '', description: 'Upload or select two sketches for your collection on this page.' } },
+ { element: '.Guide_1_13_1', popover: { title: '', description: 'Choose correct category for the sketch.' } },
+ { element: '.Guide_1_14', popover: { title: '', description: 'After you have confirmed categories of sketches are correct, click here to complete the uploading process.' } },
+ //开始design
+ { element: '.Guide_1_15', popover: { title: '', description: 'Click here to let AI generate design illustrations.' } },
+ { element: '.Guide_1_16', popover: { title: '', description: 'Please wait a few seconds.' } },
+ { element: '.Guide_1_17', popover: { title: '', description: 'Click on any design image you are interested in to modify the details.' } },
+ // { element: '.Guide_1_18', popover: { title: '', description: 'Description' } },
+ { element: '.Guide_1_19', popover: { title: '', description: 'Click on the clothes to modify its details.' } },
+ { element: '.Guide_1_20', popover: { title: '', description: 'Click here to add or change the print.' } },
+ { element: '.Guide_1_21', popover: { title: '', description: 'You can find the print you uploaded earlier in your Library.' } },
+ { element: '.Guide_1_22', popover: { title: '', description: 'Select a print for this sketch.' } },
+ { element: '.Guide_1_23', popover: { title: '', description: 'Click here to layout the selected print' } },
+ // { element: '.Guide_1_24', popover: { title: '', description: 'Description' } },
+ { element: '.Guide_1_25', popover: { title: '', description: 'Preview printed design here.' } },
+ { element: '.Guide_1_26', popover: { title: '', description: 'Click here to finalize your modification.' } },
+ { element: '.Guide_1_27', popover: { title: '', description: 'You can change the mannequin and other settings in Workspace.' } },
+ { element: '.Guide_1_28', popover: { title: '', description: 'Change the mannequin here.' } },
+ { element: '.Guide_1_29', popover: { title: '', description: 'Select a mannequin of your choice from our system library.' } },
+ { element: '.Guide_1_30', popover: { title: '', description: 'Click the ‘Redesign’ button to generate new results using the selected mannequin.' } },
+ { element: '.Guide_1_99', popover: { title: 'Begin Your Design', description: 'Your guide is complete, and now the canvas is yours to create freely. For more insights and details, check out our demo video on the homepage at ' } },
],
// showProgress: true,//控制总页数和当前页数是否显示
allowClose:false,
@@ -68,7 +67,7 @@ const driverObj__ = driver({
// prevBtnText: '‹—',
doneBtnText: '✕',
onPopoverRender: (popover, options) => {//每个步骤的元素和所有信息
- console.log(popover,options);
+ // console.log(popover,options,element);
if(element){
element.classList.remove('Guide_')
}
@@ -81,8 +80,8 @@ const driverObj__ = driver({
}
if(
// options.state.activeIndex >= 1 && options.state.activeIndex <= 2 ||
- options.state.activeIndex >= 18 && options.state.activeIndex < 19 ||
- options.state.activeIndex >= 24 && options.state.activeIndex < 25 ||
+ // options.state.activeIndex >= 18 && options.state.activeIndex < 19 ||
+ // options.state.activeIndex >= 24 && options.state.activeIndex < 25 ||
driverObj__.isLastStep()
){
popover.footer.style.display = 'block'
@@ -93,6 +92,7 @@ const driverObj__ = driver({
removeDiv(options.state.activeElement)
driver.classList.remove('showEvents')
}
+
// console.log(options.state.activeIndex);
driverIndex__ = driverObj__.getState().activeIndex
data = {
@@ -102,7 +102,6 @@ const driverObj__ = driver({
store?.commit("setGuide", data);
element = options.state.activeElement
element.classList.add('Guide_')
-
},
//销毁前
onDestroyStarted:()=>{