zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: 优化嵌入第三方弹出层样式

Browse Source
This commit is contained in:
wangdan-fit2cloud 2024-10-30 18:08:29 +08:00
parent f20c3d0d80
commit 8076d4b048
1 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
ui/src/views/application-overview/component/EmbedDialog.vue
View File

@ -14,8 +14,8 @@
{{ $t('views.applicationOverview.appInfo.EmbedDialog.fullscreenModeTitle') }} {{ $t('views.applicationOverview.appInfo.EmbedDialog.fullscreenModeTitle') }}
</p> </p>
<img src="@/assets/window1.png" alt="" class="ml-8" height="150" /> <img src="@/assets/window1.png" alt="" class="ml-8" height="150" />
<div class="code layout-bg border-t p-16"> <div class="code layout-bg border-t p-8">
<div class="flex-between"> <div class="flex-between p-8">
<span class="bold">{{ <span class="bold">{{
$t('views.applicationOverview.appInfo.EmbedDialog.copyInstructions') $t('views.applicationOverview.appInfo.EmbedDialog.copyInstructions')
}}</span> }}</span>
@ -23,9 +23,11 @@
<AppIcon iconName="app-copy"></AppIcon> <AppIcon iconName="app-copy"></AppIcon>
</el-button> </el-button>
</div> </div>
<div class="mt-8 pre-wrap"> <el-scrollbar height="150" always>
{{ source1 }} <div class="pre-wrap p-8 pt-0">
</div> {{ source1 }}
</div>
</el-scrollbar>
</div> </div>
</div> </div>
</el-col> </el-col>
@ -35,8 +37,8 @@
{{ $t('views.applicationOverview.appInfo.EmbedDialog.floatingModeTitle') }} {{ $t('views.applicationOverview.appInfo.EmbedDialog.floatingModeTitle') }}
</p> </p>
<img src="@/assets/window2.png" alt="" class="ml-8" height="150" /> <img src="@/assets/window2.png" alt="" class="ml-8" height="150" />
<div class="code layout-bg border-t p-16"> <div class="code layout-bg border-t p-8">
<div class="flex-between"> <div class="flex-between p-8">
<span class="bold">{{ <span class="bold">{{
$t('views.applicationOverview.appInfo.EmbedDialog.copyInstructions') $t('views.applicationOverview.appInfo.EmbedDialog.copyInstructions')
}}</span> }}</span>
@ -44,9 +46,11 @@
<AppIcon iconName="app-copy"></AppIcon> <AppIcon iconName="app-copy"></AppIcon>
</el-button> </el-button>
</div> </div>
<div class="mt-8 pre-wrap"> <el-scrollbar height="150" always>
{{ source2 }} <div class="pre-wrap p-8 pt-0">
</div> {{ source2 }}
</div>
</el-scrollbar>
</div> </div>
</div> </div>
</el-col> </el-col>
@ -118,7 +122,7 @@ defineExpose({ open })
font-weight: 400; font-weight: 400;
font-size: 13px; font-size: 13px;
white-space: pre; white-space: pre;
height: 180px; height: 188px;
} }
} }
</style> </style>