修复页面bug

src/component/Detail/model/index.vue

@@ -1,6 +1,9 @@
 <template>
     <div class="modelindex">
 		<div class="modelindex_left">
+			<div class="back" v-show="isEditPattern.value">
+				<i class="fi fi-br-angle-left" @click="setBack"></i>
+			</div>
 			<modelNav @canvasReload="()=>$emit('canvasReload')" @addSketch="()=>$emit('addSketch')" @deleteItem="deleteItem"></modelNav>
 		</div>
 		<div class="modelindex_right">
@@ -112,6 +115,9 @@ export default defineComponent({
 
 			},1000)
 		}
+		const setBack = ()=>{
+			emit('detailEdit','edit')
+		}
 		onMounted(()=>{
 			window.addEventListener('resize', handleResize);
 		})
@@ -128,6 +134,7 @@ export default defineComponent({
 			deleteItem,
 			oppositeRevocation,
 			mousedownDesignImg,
+			setBack,
         }
     },
 
@@ -196,6 +203,30 @@ export default defineComponent({
 		}
 		.modelindex_left{
 			justify-content: center;
+			position: relative;
+			> .back{
+				position: absolute;
+				font-size: 3.6rem;
+				font-weight: 500;
+				display: flex;
+				align-items: center;
+				margin-bottom: 1.2rem;
+				top: 8rem;
+				left: 0;
+				> i {
+					margin-right: 2.8rem;
+					font-size: 2rem;
+					display: flex;
+					cursor: pointer;
+					align-items: center;
+					width: 4.6rem;
+					height: 4.6rem;
+					border-radius: 1.2rem;
+					display: flex;
+					justify-content: center;
+					border: 1px solid #D8DADC;
+				}
+			}
 		}
 	
 	}

src/component/Detail/model/modelNav.vue

@@ -1,5 +1,5 @@
 <template>
-   <div class="modelNavBox">
+   <div class="modelNavBox" :class="{'modelNavBox_active':designDetail.clothes.length == 5}">
 	<div class="modelNav" ref="modelNav" :style="{height:prentHeight}">
 		<div class="modelNav_item item" 
 			v-for="item,index in designDetail.clothes" 
@@ -259,6 +259,9 @@ export default defineComponent({
 </script>
 <style lang="less" scoped>
 	.modelNavBox{
+		&.modelNavBox_active{
+			margin-top: 12rem;
+		}
 		.modelNav_item{
 			width: 12rem;
 			height: 12rem;