JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-08-31 19:59:47 +08:00
Code Issues Projects Releases Wiki Activity

fix(playground): pc预览适配

Browse Source
This commit is contained in:
roymondchen 2022-08-11 17:50:15 +08:00 committed by jia000
parent 0e82f652a9
commit 31d60eb1ba
3 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
playground/src/components/DeviceGroup.vue
View File

@ -39,7 +39,8 @@ export default defineComponent({
modelValue: {
type: Object,
default: () => ({
width: '375',
width: 375,
height: 817,
}),
},
},

2
playground/src/configs/dsl.ts
View File

@ -33,7 +33,7 @@ export default {
top: 0,
right: '',
bottom: '',
width: '375',
width: '100%',
height: '1728',
backgroundImage: '',
backgroundColor: 'rgba(248, 218, 218, 1)',

15
playground/src/pages/Editor.vue
View File

@ -19,8 +19,14 @@
</template>
</m-editor>
<el-dialog v-model="previewVisible" destroy-on-close :width="375" custom-class="pre-viewer" title="预览">
<iframe v-if="previewVisible" width="100%" height="817" :src="previewUrl"></iframe>
<el-dialog
v-model="previewVisible"
destroy-on-close
custom-class="pre-viewer"
title="预览"
:width="stageRect && stageRect.width"
>
<iframe v-if="previewVisible" width="100%" :height="stageRect && stageRect.height" :src="previewUrl"></iframe>
</el-dialog>
</div>
</template>
@ -53,7 +59,10 @@ const defaultSelected = ref(dsl.items[0].id);
const propsValues = ref<Record<string, any>>({});
const propsConfigs = ref<Record<string, any>>({});
const eventMethodList = ref<Record<string, any>>({});
const stageRect = ref();
const stageRect = ref({
width: 375,
height: 817,
});
const previewUrl = computed(
() => `${VITE_RUNTIME_PATH}/page/index.html?localPreview=1&page=${editor.value?.editorService.get('page').id}`,