Unverified 提交 2dfe2e3c authored 作者: fit2cloudrd's avatar fit2cloudrd 提交者: GitHub

style: 样式修改 (#1563)

* style: 样式修改 * style: 样式修改 Co-authored-by: 's avatarwangjiahao <1522128093@qq.com>
上级 39481847
......@@ -4,7 +4,7 @@
<div
id="canvasInfoTemp"
ref="canvasInfoTemp"
:style="[{height:mainHeight},screenShotStyle]"
:style="[canvasInfoTempStyle,screenShotStyle]"
class="main-class"
@mouseup="deselectCurComponent"
@mousedown="handleMouseDown"
......@@ -144,6 +144,19 @@ export default {
}
}
},
canvasInfoTempStyle() {
if (this.screenShot) {
return {
width: '100%',
height: this.mainHeight
}
} else {
return {
width: '100%',
height: '100%'
}
}
},
customStyle() {
let style = {
width: '100%'
......
......@@ -84,12 +84,20 @@ export default {
])
},
created() {
this.pOption = this.element.videoLinks[this.element.videoLinks.videoType]
this.pOption.height = this.h - (this.curGap * 2)
this.initOption()
},
watch: {
h(newVal, oldVla) {
this.initOption()
}
},
mounted() {
},
methods: {
initOption() {
this.pOption = this.element.videoLinks[this.element.videoLinks.videoType]
this.pOption.height = this.h - (this.curGap * 2)
},
// listen event
onPlayerPlay(player) {
// console.log('player play!', player)
......
......@@ -22,7 +22,7 @@
:style="getComponentStyleDefault(config.style)"
:is-edit="false"
:element="config"
:h="itemHeight"
:h="outItemHeight"
/>
</div>
</template>
......@@ -53,6 +53,9 @@ export default {
}
},
computed: {
outItemHeight() {
return this.itemHeight - (4 * this.componentGap)
},
// 移动端编辑组件选择按钮显示
mobileCheckBarShow() {
// 显示条件:1.当前是移动端画布编辑状态
......@@ -74,7 +77,8 @@ export default {
},
...mapState([
'mobileLayoutStatus',
'componentData'
'componentData',
'componentGap'
])
},
methods: {
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论