修改图片

1

src/school/save-share-image/index.module.less

@@ -20,6 +20,18 @@
   left: 0;
   right: 0;
   top: 0;
+  height: 80vh !important;
+  overflow: hidden;
+  &::before {
+    content: ' ';
+    background: linear-gradient(134deg, #ff906c 0%, #ff602d 100%);
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: -1;
+  }
 }
 
 .topImage {

src/school/save-share-image/index.tsx

@@ -61,6 +61,7 @@ export default defineComponent({
           .then(async (canvas) => {
             const url = canvas.toDataURL('image/png')
             imgs.image = url
+            console.log(url)
             saveImg()
           })
           .catch(() => {
@@ -279,7 +280,11 @@ export default defineComponent({
         </div>
 
         {!state.loading && (
-          <div class={[styles.saveShareImage, styles.previewSection]} id="preview-container">
+          <div
+            class={[styles.previewSection]}
+            style={{ top: state.height + 'px' }}
+            id="preview-container"
+          >
             {state.type === 'teacher' && <Image src={teacherTopBg} class={styles.topImage} />}
             {state.type === 'manage' && <Image src={manageTopBg} class={styles.topImage} />}
             {state.type === 'orchestra' && <Image src={orchestraTopBg} class={styles.topImage} />}