党建主题适配
This commit is contained in:
@@ -63,32 +63,27 @@
|
||||
style="height: 100%"
|
||||
:title="$route.query.name"
|
||||
:theme="dashboard.theme"
|
||||
:background="dashboard.theme == 1 ? 'https://cdn.cunwuyun.cn/dvcp/dv/img/dj_bg.png' : (dashboard.backgroundImage[0].url || '')">
|
||||
:background="dashboard.theme == 1 ? 'https://cdn.cunwuyun.cn/dvcp/dv/img/dj_bg.png' : (dashboard.backgroundImage.length ? dashboard.backgroundImage[0].url : '')">
|
||||
<div style="width: 100%; height: 100%">
|
||||
<AiDvBackground
|
||||
:theme="dashboard.theme"
|
||||
v-if="dashboard.backgroundImage.length || dashboard.theme === '1'"
|
||||
:src="dashboard.theme === '1' ? 'https://cdn.cunwuyun.cn/dvcp/dv/img/dj-bg.png' : dashboard.backgroundImage[0].url">
|
||||
</AiDvBackground>
|
||||
<vue-draggable-resizable
|
||||
:w="item.width"
|
||||
:h="item.height"
|
||||
:x="item.left"
|
||||
:y="item.top"
|
||||
:scale="heightScale"
|
||||
:z="item.zIndex || 0"
|
||||
:parent="true"
|
||||
:resizable="item.type !== 'display' || item.display === 'summary2' || item.display === 'summary3'"
|
||||
class-name-active="drag-active"
|
||||
:class="[activeIndex === index ? 'drag-active' : '']"
|
||||
class="draggable"
|
||||
@contextmenu.native.stop="e => onContextmenu(e, index)"
|
||||
@dragstop="(x, y) => onDrag(x, y,item)"
|
||||
@resizestop="(x, y, w, h) => onResizing(x, y, w, h, item)"
|
||||
@activated="onActivated(index)"
|
||||
@click.native.stop="activeIndex = index"
|
||||
v-for="(item, index) in componentList"
|
||||
:key="index">
|
||||
:w="item.width"
|
||||
:h="item.height"
|
||||
:x="item.left"
|
||||
:y="item.top"
|
||||
:scale="heightScale"
|
||||
:z="item.zIndex || 0"
|
||||
:parent="true"
|
||||
:resizable="item.type !== 'display' || item.display === 'summary2' || item.display === 'summary3'"
|
||||
class-name-active="drag-active"
|
||||
:class="[activeIndex === index ? 'drag-active' : '']"
|
||||
class="draggable"
|
||||
@contextmenu.native.stop="e => onContextmenu(e, index)"
|
||||
@dragstop="(x, y) => onDrag(x, y,item)"
|
||||
@resizestop="(x, y, w, h) => onResizing(x, y, w, h, item)"
|
||||
@activated="onActivated(index)"
|
||||
@click.native.stop="activeIndex = index"
|
||||
v-for="(item, index) in componentList"
|
||||
:key="index">
|
||||
<div class="coordinate" v-show="activeIndex === index">
|
||||
<div class="coordinate-left"></div>
|
||||
<div class="coordinate-top"></div>
|
||||
|
||||
@@ -54,23 +54,5 @@ export default {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.preview {
|
||||
::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-corner {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
min-height: 20px;
|
||||
background-clip: content-box;
|
||||
box-shadow: 0 0 0 5px rgba(116, 148, 170, 0.5) inset;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
box-shadow: 1px 1px 5px rgba(116, 148, 170, 0.5) inset;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user