chore: update

src/modules/material/all/components/ImageDesign.vue

@@ -5,6 +5,8 @@ import { uploadFileByUrl } from '@/utils/upload'
 
 const ChuangKitDesign = defineAsyncComponent(() => import('./ChuangKitDesign.vue'))
 
+const route = useRoute()
+
 const userStore = useUserStore()
 
 const model = defineModel()
@@ -38,9 +40,16 @@ function onClose() {
 
 <template>
   <div class="image-design">
-    <el-button type="primary" @click="designVisible = true">打开编辑器</el-button>
+    <router-link :to="{ path: 'design', query: route.query }" target="_blank">
+      <el-button type="primary">打开编辑器</el-button>
+      <!-- <el-button type="primary" @click="designVisible = true">打开编辑器</el-button> -->
+    </router-link>
     <ul>
-      <li v-for="item in data.list" :key="item.designId" :class="{ active: item.designId === active }" @click="handleClick(item)">
+      <li
+        v-for="item in data.list"
+        :key="item.designId"
+        :class="{ active: item.designId === active }"
+        @click="handleClick(item)">
         <img :src="item.thumbUrl" />
       </li>
     </ul>

src/modules/material/all/index.ts

@@ -11,7 +11,8 @@ const routes: RouteRecordRaw[] = [
       { path: 'update', component: () => import('./views/Update.vue'), props: { action: 'update' } },
       { path: 'view', component: () => import('./views/Update.vue'), props: { action: 'view' } }
     ]
-  }
+  },
+  { path: '/material/design', component: () => import('./views/Design.vue') }
 ]
 
 export { routes }

src/modules/material/all/views/Design.vue

+<script setup></script>
+
+<template>
+  <div id="chuangkit-design-iframe">
+    <video src="/1.mp4" autoplay></video>
+  </div>
+</template>
+
+<style lang="scss">
+#chuangkit-design-iframe {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+video {
+  width: 100vw;
+  height: 100vh;
+}
+</style>