dongjunchuan/de
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(仪表板): 网页登组件样式调整

Browse Source
This commit is contained in:
wangjiahao 2024-04-10 16:40:52 +08:00
parent 419ea41c80
commit 73a8d0488e
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
core/core-frontend/src/custom-component/de-frame/ComponentFrame.vue
View File

@ -9,7 +9,7 @@
frameborder="0" frameborder="0"
class="main-frame main-de-iframe" class="main-frame main-de-iframe"
/> />
<div v-if="editMode === 'edit'" class="frame-mask edit-mask"> <div v-if="isEdit" class="frame-mask edit-mask">
<span style="opacity: 1"> <span style="opacity: 1">
<span style="font-weight: bold; color: lawngreen">{{ <span style="font-weight: bold; color: lawngreen">{{
t('visualization.edit_web_tips') t('visualization.edit_web_tips')
@ -17,9 +17,9 @@
</span> </span>
</div> </div>
<!--Here are three 15px wide masks(left top right) for easy clicking on the display jump button--> <!--Here are three 15px wide masks(left top right) for easy clicking on the display jump button-->
<div v-if="editMode !== 'edit'" class="frame-mask preview-top-mask" /> <div v-if="isEdit" class="frame-mask preview-top-mask" />
<div v-if="editMode !== 'edit'" class="frame-mask preview-right-mask" /> <div v-if="isEdit" class="frame-mask preview-right-mask" />
<div v-if="editMode !== 'edit'" class="frame-mask preview-left-mask" /> <div v-if="isEdit" class="frame-mask preview-left-mask" />
<div v-if="screenShot" class="frame-mask" /> <div v-if="screenShot" class="frame-mask" />
</div> </div>
<div v-else class="info-class"> <div v-else class="info-class">
@ -47,10 +47,10 @@ const props = defineProps({
element: { element: {
type: Object type: Object
}, },
editMode: { isEdit: {
type: String, type: Boolean,
require: false, require: false,
default: 'edit' default: true
}, },
active: { active: {
type: Boolean, type: Boolean,
@ -63,7 +63,7 @@ const props = defineProps({
} }
}) })
const { propValue, element, editMode, active, screenShot } = toRefs(props) const { propValue, element, isEdit, active, screenShot } = toRefs(props)
const state = reactive({ const state = reactive({
pOption: {}, pOption: {},
@ -90,6 +90,7 @@ onMounted(() => {
<style lang="less" scoped> <style lang="less" scoped>
.info-class { .info-class {
text-align: center; text-align: center;
width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
align-items: center; align-items: center;