preview

src/pages/h5/share/Promotion.tsx

@@ -49,7 +49,7 @@ export default defineComponent(() => {
       )}
     >
       <div
-        class={isPc() ? `scrollbar overflow-x-hidden` : `overflow-x-hidden`}
+        class={isPc() ? `scrollbar !overflow-x-hidden` : `overflow-x-hidden`}
         style={{
           height: editor.helper.designToNaturalSize(Design_Page_Size[1], {
             adaptiveH: true,

src/pages/website/Promotion2/components/ShareModal.tsx

@@ -43,8 +43,13 @@ export default defineComponent({
       return (
         <div class="flex items-start">
           <div>
-            <div class="scrollbar h-600px relative overflow-y-auto border-1px border-solid border-dark-50">
-              {slots.preview?.()}
+            <div class="h-650px relative border-1px border-solid border-dark-50">
+              <iframe
+                class="w-375px h-650px"
+                src={shareLink}
+                frameborder="0"
+                scrolling="no"
+              ></iframe>
             </div>
             <div class="mt-20px text-center">
               <Button

src/pages/website/Promotion2/controller.tsx

@@ -37,26 +37,13 @@ export function createPromotinController(
   };
 
   async function sharePromotion(record: any) {
-    const userInfo: any = auth.store.userInfo;
-    const isSys = userInfo.roles?.includes("system") ? true : false;
-    await editor.actions.initDesign(record._id, isSys);
-    editor.actions.switchMode("preview");
-    resource.showModal(
-      <ShareModal record={record} controller={ctrl}>
-        {{
-          preview: () => (
-            <editor.components.Preview class="pointer-events-none" />
-          ),
-        }}
-      </ShareModal>,
-      {
-        title: "编辑分享",
-        width: "1000px",
-        destroyOnClose: true,
-      }
-    );
+    resource.showModal(<ShareModal record={record} controller={ctrl} />, {
+      title: "编辑分享",
+      width: "1000px",
+      destroyOnClose: true,
+    });
   }
-  let url = ""
+  let url = "";
   ctrl.onMenuClick = async (name, record) => {
     switch (name) {
       case "stat":
@@ -84,9 +71,12 @@ export function createPromotinController(
         break;
 
       case "thumbnail":
-        url =  await SelectOneImage() as string;
+        url = (await SelectOneImage()) as string;
         if (!url) return;
-        await resource.https.updatePromotion({_id: record._id, thumbnail: url});
+        await resource.https.updatePromotion({
+          _id: record._id,
+          thumbnail: url,
+        });
         record.thumbnail = url;
         queenApi.messageSuccess("替换成功");
         break;