页面调整

src/component/home/design/collection/more.vue

@@ -20,6 +20,7 @@
 			</div>
 		</div>
     </div>
+	<modalCanvas ref="modalCanvas" @setSloganData="saveBase64Img"></modalCanvas>
 </template>
 <script lang="ts">
 import { defineComponent,computed,ref,provide,nextTick,createVNode,toRefs, reactive} from 'vue'
@@ -29,14 +30,17 @@ import { Https } from "@/tool/https";
 import { useStore } from "vuex";
 import { useI18n } from 'vue-i18n'
 import { downloadIamge } from "@/tool/util";
+import modalCanvas from "@/component/modules/generalModalCanvas.vue";
 
 export default defineComponent({
     components:{
+		modalCanvas,
     },
 	props:{
 		moreList:{type:Array,default:()=>[]},
 		item:{type:Object,default:()=>{}},
 		index:{type:Number,default:0},
+		level1Type:{type:String,default:''},
 	},
 	emits:['deleteFile','scaleImage'],
     setup(props,{emit}) {
@@ -46,6 +50,7 @@ export default defineComponent({
 		})
 		
 		const dataDom = reactive({
+			modalCanvas:null as any
 		})
 		const openList = ()=>{
 			data.show = true
@@ -59,20 +64,25 @@ export default defineComponent({
 			if(str == 'delete'){
 				emit("deleteFile",props.item);
 			}else if(str == 'edit'){
-				emit("scaleImage",props.index);
+				console.log(props.item)
+				dataDom.modalCanvas.init(props.item,'')
 			}else if(str == 'down'){
-				console.log(props.item);
-				downloadIamge(props.item.url)
+				downloadIamge(props.item.url || props.item.imgUrl)
 			}else if(str == 'enlargement'){
 				emit("scaleImage",props.index);
 			}
 			setShow()
 		}
+		const saveBase64Img = (rv)=>{
+			console.log(rv)
+
+		}
         return{
 			...toRefs(dataDom),
 			...toRefs(data),
 			openList,
 			setMore,
+			saveBase64Img,
         }
     },